TOTO Themes incorporates different choices that control the general Site designs, Home Pages, Other Pages, Blog Layouts, and Other Plugins Layout. You can likewise pick between a boxed or wide format for your pages. Every one of these choices is situated under TOTO Theme > Theme Options > Layout. To take in more about these different alternatives, continue reading below.
Site Layout
The Site layout section makes it easy for you to manage your sites layout type, width, padding and sidebar layouts. Choose between Boxed and Wide layouts, set page content padding, 100% width pages’ left, and right padding, adjust the top and bottom margins for all column sizes and single and dual sidebar layouts.
Site Layout 1-. Choose between Boxed or Wide for your site. These are global Theme Options and can be overridden by individual page TOTO Options on a page by page basis. The Boxed option will restrict your site’s width to the value set in the site width option, using any valid CSS unit, for example, 1240px – In the boxed mode, it is possible to set a background image, background pattern or a background color for your site.
Default Site Layout 2-. Choose site layout options from given option which will allow you to set sidebar options on the left side, right side or no sidebar or default layout.
Site Width 2-. If you’d prefer a set size, you can enter something like 1170px. To further customize your site’s layout, we also have left and right padding options for the Header, Footer and Main Content Area found in Theme Options.
Single Side Bar Width Column 4-. Choose the column width size base on bootstrap column sizes.
Dual Side Bar Width Column 5-. Choose the column width size for sidebar1 and sidebar2 base on bootstrap column sizes.
100% Width Left/Right Padding 6 –. This option controls the left and right padding for page content when using 100% site width or 100% width page template. Enter value including any valid CSS unit, for example: 30px
Page Content Padding 7-. These options control the top and bottom padding for all your page content. To learn more about this option, please read our ‘Page Content Padding’ article.
Page Layout
The Page layout section makes it easy for you to manage your pages layout type, controlling site layout, page comments overall static pages and page title of all static pages.
1. Default single page layout:
A custom page which allow you to control your sties. There are various type of layouts are available for layouts select suitable layout By clicking ‘Change’. There are multiple options which are as follows:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
Default single page layout will give an option of HEADER and DEFAULT which gives basic look of any web sites.
2. Page Comments: Comments allow your website’s visitors to have a discussion with you and each other. by enabling SHOW and OFF option will control the comments of website’s. user can modify or control page comments position on website’s by selecting any of three position option – :
- Bottom of the comments list
- Top of the comments list
- Both Top and Bottom of the comments list.
3. Hide Page Title:
Page Title is the short description of the web page appeared at top of the web page. Hide page title will hide the description for single or multiple pages. by default theme will Hide page title but we can select the behavior by clicking ‘SHOW’ and ‘HIDE’ this option will edit every single page.
Blog Layout
In this section, we want to talk about TOTO theme blog post options. These options are divided into eight groups: general options for all posts, exclusive options for every single post. There are many options in these eight groups, so let’s explain them in different parts as below.
1- Blog Page Layout: Select a layout for posts (10 layouts). This overrides the general layout of the website.
2- Blog Listing Formate: Select blog listing formate with following options which shows your blog posting on blog page following formate Grid, Flat, Masonry, List, Timeline.
3- Blog Page: You can select the default blog page for your site.
3- Single Post Settings: You can enable sections you want to show in post page and also you can change the behavior of them.
4- Show Author Box: Show/hide author box at bottom of the post. This box contains author avatar, social networks and a short introduction about him/ her.
5- Show Next/Prev Posts Link: Show/hide links to previous and next posts (according to published date).
6- Pagination posts “pagination” position: the Select position of post pagination buttons.
7- Featured images click action (clickable?): Select what happens by clicking on the featured image. There are three options:
- Not clickable
- Open full image in Light box (in browser width bigger than 700px)
- Open full image in new tab
8- Show Continue Reading Button on Mobile: By enabling this option posts content won’t show completely in mobile and enough space will be added to display Ads at bottom of posts.
9- Featured image and video: By enabling this option on and off an featured image and video will display in web page which many themes and tools can use to enhance the presentation of your site.
10. Grid Layout column: Controls the number of column in the posts. Grid column set the size of posts by selecting Number of columns on the posts.
11. Grid Layout Spacing: control the spacing between two grid. for example – 20px
12. Post Date: set and control the Post info Date.
13. Post Date Format: Display and return the post date. Controls the month and year format for blog alternate layouts.
14. Post Show Category: Publish a post with a category. When we define new post we have to add category to that post also we can control visibility of category by selecting on and off.
15. Post Comments Number: Display the total numbers of comments of the current post also control the visibility of post comments number in post info.
16.Post Author: Post Author is the creator of current post. we can manage the post author information by selecting on and off toggle.
Single Post
A single post is an example of simple information display in simple web page which gives the basic information. In this section, we want to talk about TOTO theme single post options. These single post divided into various groups option which controls the layout of single post.
1. Default All Single Post Layout: select the layout for single post by clicking ‘Change’ option. Options are available in different format to maintain the single post.
2. Default Single Post Template: Template define the styling of the post. default single post template give the two type of style to maintain the post.
3. Featured Image/video: By enabling this option will display the image/video on current single post.
4. Post Format icon: You can add format icon on single post icon. You can format every single in the single post.
5. Show Categories: by this you can define category to single post. Category can sort and group content. by turning on/off you can display category in single post.
6. Categories Count: Control the number of category in the single post. you can add multiple category for post. In single Post you can add unto 1 to 6 category.
7. Post Info: post info contain the basic description in small amount of portion. you can define single post for current blog by defining following fields:
- Author Avatar
- Author Name
- Date
- comments
- Tags And Tags Count
- Excerpts and Excerpts Position.
8. Next / Previous Post Link: The Next and Previous post links guides your visitor through your Post. By this you will control multiple post link.
9. Author Box: Author Box is an simple box for adding an author bio box under your Single post. by turning on and off you can display author info to the post.
10. Featured Image click: You can manage the action of featured image by selecting the following option from drop-down box:
- Not Clickable
- Open in Light-box
- Open in new window
11. Related Post: Related post is an addition same information to the current or define post. you can display this by view,algorithm, count and offsets posts properties.
12. Comments: Comments allow your website’s visitors to have a discussion with you and each other. by enabling SHOW and OFF option will control the comments of website’s. user can modify or control page comments position on website’s by selecting any of three position option – :
- Bottom of the comments list
- Top of the comments list
- Both Top and Bottom of the comments list.
13. Social Media Box: You can add social media content box to your post to connect to social media links. You can manage social media box by turning On / Off.
Category
Category is one of the pre-defined taxonomies in Web Pages. It is used to sort and group content into different sections. A website publishing content on a variety of topics can divide their website into sections using categories. Example: A news website can have categories for articles filed under News, Opinion, Weather, Sports, etc.
1. Default Category Page Layout: Category will help you to manage content in group. You can manage Page layout category by section Default Category will be the basic layout. Different Category lists:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2. Category Archive Post Listing Format: This will show you an archive Post with format style of Grid and List.
3. Show Excerpt: An excerpt in Post is a term used for article summary with a link to the whole Content. you can manage this by turning On And Off to manage category in post.
4. Number Of Posts: These will display number of posts currently display in post blog. you can add multiple posts to a single web pages by defining the Number of posts in box.
5. Category Posts Pagination: These will simple links or numbered pagination to indicate the previous page or the next page in a given sequence. You can to this by selecting following any one of Pagination property:
- No Pagination
- Simple Next Previous
- Simple Numbered.
Tag
Tag is one of the pre-defined taxonomy in Page Layout Users can add tags to their posts along with categories. However, while a category may cover a broad range of topics, tags are smaller in scope and focused to specific topics.
1. Default Tag Page Layout: Tag cover small topic along with the category default tag is basic tag which contain Header, Main and Sidebar You can select various type to customize your tag. Various Types:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2. Tag Archive Post Listing: This will show you an archive Tag with format style of Grid and List.
3. Show Excerpt: An excerpt in Post is a term used for article summary with a link to the whole Content. you can manage this by turning On And Off to manage category in post.
4. Number Of Posts: These will display number of posts currently display in post blog. you can add multiple posts to a single web pages by defining the Number of posts in box.
5. Tag Posts Pagination: These will simple links or numbered pagination to indicate the previous page or the next page in a given sequence. You can to this by selecting following any one of Pagination property:
- No Pagination
- Simple Next Previous
- Simple Numbered.
Author
term author refers to a predefined user role. A user with author role can upload files, write, edit, publish and delete their own articles. Since a user with author role has the capability of deleting their own published posts and edit their own published articles, websites with multiple authors usually assign the contributor role to writers or use a plugin to create a user role with customized capabilities.
1. Default Author Page Layout: Author is an publisher of the blog of posts author can edit, delete or update his posts all by himself. Author page layout can contain Header, Main and Sidebar You can select various type to customize your tag. Various Types:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2. Author Archive Post Listing: This will show you an archive Tag with format style of Grid and List.
3. Show Excerpt: An excerpt in Post is a term used for article summary with a link to the whole Content. you can manage this by turning On And Off to manage category in post.
4. Number Of Posts: These will display number of posts currently display in post blog. you can add multiple posts to a single web pages by defining the Number of posts in box.
5. Author Post Pagination: These will simple links or numbered pagination to indicate the previous page or the next page in a given sequence. You can to this by selecting following any one of Pagination property:
- No Pagination
- Simple Next Previous
- Simple Numbered.
Search Result
When one reader types a word or phrase into the search box on your Web page site, they’ll see a page listing all the content that matches their query. This is known as a search results page. Search result will give the content result define by user in search box.
1. Default Search Result Page Layout: Author is an publisher of the blog of posts author can edit, delete or update his posts all by himself. Author page layout can contain Header, Main and Sidebar You can select various type to customize your tag. Various Types:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2. Search Result Post Listing: This will show you an archive Tag with format style of Grid and List.
3. Show Excerpt: An excerpt in Post is a term used for article summary with a link to the whole Content. you can manage this by turning On And Off to manage category in post.
4. Search Result Post Content Type: Search Result will display the content query giving by user. search result post content type consists the type in which the result will display in various format. Type of Search Result Post content type:
- Only Posts
- Only Pages
- Posts and Pages
- All.
5. Number Of Posts: These will display number of posts currently display in post blog. you can add multiple posts to a single web pages by defining the Number of posts in box.
6. Search Result Post Pagination: These will simple links or numbered pagination to indicate the previous page or the next page in a given sequence. You can to this by selecting following any one of Pagination property:
- No Pagination
- Simple Next Previous
- Simple Numbered.
Portfolio Layout
The Portfolio content type will let you manage all your portfolio projects in one place. It also gives you a number of different ways to display them on your site.
1.Default Portfolio Details Page Layout: Portfolio will display your web pages in various styling and in template. the default portfolio will contain Header, main and sidebar which will be use for simple format. Various types:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2. Overlay Color: Overlay color will give color to your portfolio. You have to select color form color box or assign value in textbox. The default overlay color for portfolio is Red.
3. Category Navigation: Category Navigation will allow you to navigate the entire portfolio accordingly user define way.
4. Number Of Posts: These will display number of posts currently display in post blog. you can add multiple posts to a single web pages by defining the Number of posts in box.
5. Pagination: These will simple links or numbered pagination to indicate the previous page or the next page in a given sequence. You can to this by selecting following any one of Pagination property:
- No Pagination
- Simple Next Previous
- Simple Numbered.
404 Page
The HTTP 404 Not Found Error means that the webpage you were trying to reach could not be found on the server. It is a Client-side Error which means that either the page has been removed or moved and the URL was not changed accordingly, or that you typed in the URL incorrectly.
1. 404 Page: 404 page error will display the error page which means the page cannot be found in server. you have to select ‘Default 404 Page’ to define the page.
Plugin Layout:
Woocommerce
WooCommerce is a free eCommerce plugin that allows you to sell anything, beautifully. Built to integrate seamlessly with WordPress, WooCommerce is the world’s favorite eCommerce solution that gives both store owners and developers complete control.
With endless flexibility and access to hundreds of free and premium WordPress extensions, WooCommerce now powers 30% of all online stores — more than any other platform.
1.Default Shop Page Layout: As Woocommerce is an ecommerce site type it will allow you to design an page look like shop site. the default shop page content Header, main and Sidebar which is basic look of page. Different Types:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
2.Default Product Page Layout: Product page layout will display all the products in your page which arrange in layout manner. Default Product content basic Header, Main and Sidebar property. Types of layout:
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3)
3.Product Listing Format: Listing format will define the visibility for your product in web pages. how your product will display in web page. You can select following type of definition:
- Style-1
- Style-2
- Style-3
4.Subheader on Woocommerce Product Page: Any of the headings under which each of the main divisions of a subject may be subdivided. Control visibility of subheader page.
5.Subheader on Woocommerce Category and Other Pages: Subheader is the divider between the section. you can manage all the section on page by giving category and other pages by giving Subheading to each main section.
BB Press
bbPress is free, open source forum software. It can installed as the plugin to powered the Web sites. Because it is a plugin, bbPress offers an easy way to add a forum to a website. It works with most standard compliant themes.
1. Default BB Press Page Layout: bbPress is a plugin that adds forum capability to your site. bbPress inherits your currently active theme’s styles. The default style contain Header, main and sidebar which give you basic layout. you can manage layout setting by selecting different style.
- Default
- No sidebar
- 2-column(1)
- 2-column(2)
- 3-column(1)
- 3-column(2)
- 3-column(3).