Yamato, theme documentation
Below is the detailed documentation for the Yamato theme
Below is the detailed documentation for the Yamato theme
Server requirements is one of the key factors for WordPress and Yamato theme, it is highly recommended to use a server which supports the following requirements. We explain about WordPress, Yamato, WooCommerce server requirements.
| Setting | Description |
|---|---|
| PHP | Version 7 or greater. |
| MySQL | Version 5.6 or greater. |
| MariaDB | Version 10.0 or greater. Only required if you are not using MySQL. |
| HTTPS | Supported by the server. |
We recommends following server settings for Our WordPress Theme:
| Setting | Description |
|---|---|
| PHP | Version 5.6 or greater. |
| MySQL | Version 5.6 or greater |
| mod_rewrite | The Apache module needs to be activated for pretty permalinks. |
| GD Library | The library needs to be installed for Captcha and Image cropping. |
| cURL | Supported by the server. |
| OpenSSL | Supported by the server. |
| allow_url_fopen | Supported by the server. |
| post_max_size | 32 MB or greater |
| upload_max_filesize | 32 MB or greater |
| memory_limit | 128 MB or greater |
| max_execution_time | 120s or greater |
| max_input_vars | The minimum value is 4000 but the recommended is 6000. |
Yamato support WooCommerce officially so it is best to make sure your server also supports this plugin requirements if you are going to set up a shop.To learn about the plugin server requirements, read the official article.
WordPress is well-known for its ease of installation. Under most circumstances, installing WordPress is a very simple process and takes less that five minutes to complete.
Before beginning the installation and configuring of your new theme, you must first have WordPress already installed on a server.
If you are struggling, here is a very detailed guide at Wordpress Codex that will walk you through every step.
If you prefer something more visual, you can watch this video tutorial on how to install Wordpress by us
(Please note the video shown is from our NUVO Restaurant theme, but the same process applies)
In order to install Yamato, once you download the theme, unzip the main archive. You will see the wp-Yamato.zip file
Yamato Can Be Installed in 2 Different Ways:Installing a theme through WordPress is quite a simple process. After you have logged into your WordPress Simply navigate to Appearance > Themes > Add New > Upload Theme . Click the button “choose file” and locate your Theme zip file (wp-Yamato.zip), then click the “install now” button. After Yamato is installed, find the Theme in Appearance > Themes and click Activate.
Please be informed that you should not upload the whole archive you downloaded from Themeforest, as you will get an error reporting “broken stylesheet file”. Instead locate the wp-Yamato.zip file inside the main archive you downloaded.
2. Installation Through FTP:Please be informed that you should not upload the whole item you have downloaded from Themeforest as you will get an error message. Instead:
Once you have installed and activated our theme you will be prompted to install required and recommended plugins. Just click the link to Begin installing plugins.
Next, check boxes to select all the plugins you want to install, select the bulk action of install from the dropdown box and then click the button to apply.
Next, just click the link to Return to Required Plugins Installer.
Select the plugins you had installed, and then apply the bulk action to activate them.
Finally, you will got a confirmation notice that your plugins were activeded.
To help you set up website with the least efforts, we include in the theme package dummy content file. After installing it, all content seen on the live demo will be imported except for images/videos.
There are two methods you can use, one is using our One-click Importer, the other is Importing manually. To go with the former option, please follow the steps below:
To be more perfect site you should install more photos .
You just need to wait until the update is complete all photos.
You will have the perfect website.
Now you have a website just like our demo, with the pictures replaced by grey images.
To imprort the demo content by yourself, please follow the steps below:
Now you have a website just like our demo, with the pictures replaced by grey images.
Theme Options is the main section of Yamato, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. We are going to describe about General Settings options available under General > General Settings section of Theme Options in this article.
Use this option to set the width of entire page on your website. You can override this option using Layout option inside Yamato Page Options inside each page.
Use this option to set the background of entire page on your website. (It includes Background Image, background Size, Background Repeat,Background Position,Background Pattern).
Result for No background:
Result for background color:
Enable this option to have a smooth scroll effect on your website. Smooth scroll adds an easing effect while you scroll the page.
The logo options in the Yamato theme have been built upon to give you a much more flexible solution for personalising the template with your own logo.
1.1 Logo imageLogo Image: This option sets the actual file you want to assign for your logo. The template automatically loads the image files available for use according to the path that you have set in the previous folder.
1.2. Logo HeightThis option sets the max-height that you want to allow for the logo position. Please note that the max-height you set here must be compatible with the widths that you set in the other module positions in the row that you published the logo position to in the first option eg header, nav or left module positions.
1.3 Logo AlignmentThis option sets the position of logo.
1.4 Logo MarginThis option sets the margin that you want to allow for the logo position.
1.5 Logo PaddingThis option sets the padding that you want to allow for the logo position.
Your header navigation bar will fixed at the top during scroll.
Use this option to set the favicon icons for your site.
Theme Options is the main section of Yamato, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. We are going to describe about Header options available in Header section of Theme Options in this article.
Here you can select a header layout.
Result for Header:
Header custom layout is layout have not header area.
1.2 Header Full Width
Result for Header fullwidth:
1.3 Menu Position
Result for Header fullwidth:
Use this option to set the opacity of your header navigation. It regards to Header Background Color section in Header Options.
2.1 Header Top Widgets
Enable this option to show header top widgets on header section.
For example Header Top Widgets "Yes":
2.2 Header Top Background Color
Controls the background color of the top header.
2.3 Number of Header Top Columns
Select the number of columns to display in the header top.
2.4 Header Top Padding
This options sets the padding that you want to allow for the header top.
3.1 Header Background Color
Result for Header background color:
3.2 Header Border Bottom
Result:
This options sets the margin and padding that you want to allow for the header position.
If Sticky Header is enabled- This option will keep your header navigation bar fixed at the top during scroll.
Menu Item Padding Allows you to define the amount of space between your navigation items.
For example Header Menu Item Padding left right are 12px:
For example Border bettwen menu items:
For example Dropdown Menu Width:
Menu Font Size First Level - Use this option to set the font-size of menu items.
For example Menu Font Size First Level is 14px:
Menu Font Size First Sublevel - Use this option to set the font-size of sub-menu items.
For example Menu Font Size First Sublevel is 13px:
For example Main Menu Background Color if #fff and Main Menu Font Color:
Result:
Result:
Result:
We are going to describe about Footer under Theme Options > Footer of Theme Options at here.
Result:
Footer Top Widgets Enable this option to show Footer Top Widgets in the website globally.
Number of Footer Top Columns Use this option to set the column layout of the footer top section. Available options are:
For example Number of Footer Top Columns is 4:
Class Footer Widget 1 Use this option to set the width of content in the Footer Top Widget column 1. This value is class of Grid Bootstrap standand.
Class Footer Widget 2 Use this option to set the width of content in the Footer Top Widget column 2. This value is class of Grid Bootstrap standand.
Class Footer Widget 3 Use this option to set the width of content in the Footer Top Widget column 3. This value is class of Grid Bootstrap standand.
Class Footer Widget 4 Use this option to set the width of content in the Footer Top Widget column 4. This value is class of Grid Bootstrap standand.
Background - Use this option to set the background image of Footer Top area. It includes Background Image, Background Size, Background Position, Background Repeat.
Footer Top Padding - Use this option to add spacing at the top and bottom of Footer Top section.
Footer Top Margin - Use this option to add margin spacing at the top and bottom of Footer Top section.
Footer Bottom Widgets Enable this option to show Footer Bottom Widgets in the website globally.
Number of Footer Bottom Columns Use this option to set the column layout of the footer bottom section. Available options are:
Result:
Class Footer Bottom Widget 1 Use this option to set the width of content in the Footer Bottom Widget column 1. This value is class of Grid Bootstrap standand.
Class Footer Bottom Widget 2 Use this option to set the width of content in the Footer Bottom Widget column 2. This value is class of Grid Bootstrap standand.
Footer Bottom Padding - Use this option to add spacing at the top and bottom of Footer Bottom section.
Footer Bottom Margin - Use this option to add margin spacing at the top and bottom of Footer Bottom section.
Theme Options is the main section of Yamato theme, which you can do your global settings for your website. You can access Theme Options from top left side of your dashboard. We are going to describe about Blog Title Bar Options available under Title Bar section of Theme Options in this article.
Background - Use this option to set the background image of Page Title. It includes Background Image, Background Size, Background Position, Background Repeat
Padding and Header Margin This options sets the margin and padding that you want to allow for the Page title area.
Show Page Breadcrumb Enable this option to show the breadcrumbs navigation in all Page Titles. You can disable breadcrumbs from here globally or using options given inside each page..
Preset Color Scheme - Use this option set style color for different parts of the website. Select a scheme, all color options will automatically change to the defined scheme.Available options are:
You can control color of content in this section.
For example Primary and Secondary Color:
You can control color of form in this section.
For example:
You can control Background, padding and margin for content area.
For example:
For example Link color:
For example Heading Color:
We are going to describe about options available under the Typography section of Theme Options at here.
Use this option to set the font properties for the main body section. Fonts included in the theme are Standand Fonts, Google Fonts and Custom Fonts. You can set the properties below for selected fonts in this section:
For example Body text:
Use this option to set the font properties for the Header section.
For example Header text:
Use this option to set the font properties for different parts of the website.
You can access Theme Options from the top left side of your dashboard. We will describe the options available under the Blog section of Theme Options at here.
Blog Layout Use these Blog Layout to set the layout of the blog page. Available options are:
For example Blog Right Sidebar:
Use these Post Options to to set the style of the single blog post page.
Show Page Title and Breadcrumbs Use this option to Show/Hide page title and dreadcrumb of post.
Show Title Post Use this option to Show/Hide title of post.
Show Comments Post Use this option to Enable/Disable the comments section for the single blog posts. This option is for the single blog posts only.
Show Tags Use this option to Show/Hide Meta Tags that you added in the single blog post edit screen in WordPress admin.
Previous/Next Pagination Use this option to Enable/Disable navigation arrows in the single blog post page. The navigation arrows gives the visitor an option to go to the next or previous blog post directly from the single blog post page.
Post Layout Select post layout.
This section of Theme Options gives you a quick way to paste your custom css code and see the result in the front end of the website. This option is a temporary solution for adding custom css, but if you are interested in a more permanent method, you’d better add the code on the style.css file of Yamato Child Theme.
You can use the two buttons below to backup your current options, and then restore it back at a later time. This is useful if you want to experiment on the options but would like to keep the old settings in case you need it back.
Contact Form 7 is one of the most popular form builders for wordpress.We have created styles ready for you to use within your Yamato theme.
For detailed inforamtion and support on this plugin, please go to: Contact Form 7
EF3-Framework auto create demo data package for developer, auto import demo data for clients. After import you can deactivate or remove plugin.
For detailed inforamtion and support on this plugin, please go to: EF3 Import And Export
Newsletter is a real newsletter system for your WordPress blog: perfect for list building, you can easily create, send and track e-mails, headache-free.
It just works out of box!
For detailed inforamtion and support on this plugin, please go to: Newsletter
Woo Commerce is one of the most popular shopping cart plugins for wordpress.
For detailed inforamtion and support on this plugin, please go to: WooCommerce
Drag and drop page builder for WordPress. Take full control over your WordPress site, build any layout you can imagine – no programming knowledge required.
For detailed inforamtion and support on this plugin, please go to: WPBakery Visual Composer
Your new custom menu has been defined.
You can add different link types into your menu, these are split between panes left of the menu you're currently editing.
Your custom menu has now been saved.
When planning the structure of your menu, it helps to think of each menu item as a heading in a formal report document. In a formal report, main section headings (Level 1 headings) are the nearest to the left of the page; sub-section headings (Level 2 headings) are indented slightly further to the right; any other subordinate headings (Level 3, 4, etc) within the same section are indented even further to the right.
The WordPress menu editor allows you to create multi-level menus using a simple 'drag and drop' interface. Drag menu items up or down to change their order of appearance in the menu. Drag menu items left or right in order to create sub-levels within your menu.
To make one menu item a subordinate of another, you need to position the 'child' underneath its 'parent' and then drag it slightly to the right.
Congratulations! Your menu has now been added to your site.
You can set any menu as Primary menu at here.
The first, please create a new page by selecting Add new and enter page title and content for your page.
With the Page Options specially built for our themes, you can easily customize General, Header, Page title... of every page.
First take a look at the General tab. Please make attention to the highlight in the screenshot.
Layout option:You can choose layout for content of page is fullwidth or boxed with Layout option.
Result for boxed layout:
Result for fullwidth layout:
Select a scheme, all color options will automatically change to the defined scheme in THEME OPTION.
Result for background color:
On this section, you can on/off fixed header, on/off Widget Header Top for header area. You can change Background for header. You can choose menu for your page.
Custom Header
Result for Header Fixed is Yes: when you scroll down, the header is kept and showed on top of page
To set a page as Home page, go to Settings > Reading in your WordPress Dashboard panel.
To Add Widget on Sidebar, please following these steps:
In some cases suppose if you don't import Demo Data of Yamato theme for your site or you can't import Demo Data by One-click Importer, so all widgets is not available for your site. You can import widgets for sidebar manually.
The import will not overwrite any data currently within the sidebars, but instead will increment the widgets and add a new instance of the widget instead. You can following these steps to Import Widget for Sidebar:
There are 2 methods to update our WordPress themes to a newer version. These new updates are essential if you want to have a bug free website, as we add new features and make improvements to the theme over time. Some of these updates might be needed in order to make the theme compatible with newer versions of WordPress. There is no risk of losing your settings and pages. However, if you had made modifications to theme files, they will be lost.
1.1 Update Yamato Through WordPress Admin Panel:When the time comes that you want to update our themes to the latest versions you may need to update necessary plugins of theme. To update the plugin you will need to follow the steps below:
Our themes are optimized by with H1, H2, H3, H4, H5 tags, clean code, HTML5 but if you want to get higher ranking on search engines, you must need some help from SEO plugins and Google Pagespeed Service:
The team at RedExp are always happy to help you with any questions or recommendations you have about the Yamato theme.
If you need any help or support please contact us through the TF Messaging system or
direct at Email: support@cmssuperheroes.com
direct at Forum: here