Suffusion theme provides you with a wide array of Layout settings that can be applied to any page. The variety of layout settings set suffusion apart as one of the most versatile and customizable free WordPress themes available.
In fact, I would go as far to say that Suffusion is the best free WordPress theme available. So lets get stared with the layout settings.
For those who prefer to read, the following covers the content of the video above.
With the Suffusion theme, there are many options available for the layout of your website or blog. In the default sidebar layout section, you will decide how many sidebars you want for the default setting and how they will appear on a page. This layout is assigned to every post and page of your site unless it is specifically overridden.
When you create a page, you can override the default layout settings by an option on the right side that is titled page attributes. In the “page attributes” section, you will see the subtitle “template.” It is here that you can set an alternative layout for the page. Note that this modification of the template layout is only applicable to pages.
If you want to modify the layout for specific posts, this can be done while editing a post. You will find this option in the section titled “Additional Options for suffusion” when you are creating or editing a post. If you can’t see this section, you may need to activate it. To activate it look for the tab near the top that is says “screen options.”
When you click on this, it will drop down the tab and show you your screen options. You can activate the “Additional Options for Suffusion” here. While your in this section, you would look and see if there are any other settings that should be activated.
Also found in the “default sidebar layout” section, you will set the page width of your website.
The page width settings can be fluid width or fixed width. I prefer to use a fixed width setting since the fixed width setting allows me to control the layout of the site so I know generally what the visual experience of the site visitor will be like.
With the fluid width layout the visual presentation of your site may vary from visitor to visitor.
In an earlier video, I mentioned page width settings and their importance. Here is where you will set your page width. I recommend a fixed page width between 950 and 1020 pixels. This page width will accommodate all of the most common screen widths without making your visitors use a horizontal scroll bar.
Suffusion comes with 3 preset page width options to choose from 800px, 1000px and 1200px. For this site, I have chosen a custom width and filled in the box below with the page width that is desired.
Below the page width settings, you will set your sidebar width settings. The default sidebar width is 260px so if you desire a different width for your sidebars, set it here.
Next in the layout section is the “no sidebar layout.” You can use the “No Sidebars” layout if you have a page where you don’t want sidebars to show up. To set up posts or pages with this layout, select the “No Sidebars” layout while creating or updating a post or page. The no sidebars setting will push the main post content to the edge of the page.
The next 5 options include the following layouts: 1 left sidebar, 1 right sidebar, 1 left and 1 right sidebar, 2 left sidebars, and 2 right sidebars. You can use these layouts if you have a post or page where you want or need any one of these specific layouts. To set up posts or pages with these custom layouts, select the respective sidebar layout while creating or updating a post page just as you did with the no sidebar layout.
With each one of these layouts, you may want to alter the main page or sidebar width since adding or subtracting a sidebar will increase or decrease the amount of space that is available in your main post area. You may have to experiment with these page sidebar width settings to see which looks the best.
The next layout is the responsive layout. These layout settings are designed to help provide an optimal viewing experience—easy reading and navigation with a minimum of resizing, panning, and scrolling—across a wide range of devices.
Unlike the other layouts which must be selected for each individual post or page, if the responsive layout is enabled its effects are site wide. The settings for the responsive layout are numerous and mostly have to do with the visual presentation on devices with different screen widths.
I personally have not used the responsive layout and find a fixed width layout to suit the needs of the traffic visiting my websites. However, there may be some useful applications for this type of layout if the majority of your users are accessing your website with a smart phone or other device with a small screen size.
The Front/Blog Page View Layout will allows you to modify just the home page or blog page of your site so that it can look different from the rest of the site. Also in this section, you can modify how your posts display in the list. You can also set the number of posts that you would like to display on the main Blog page.
The next 5 layouts affect your dynamic pages. For instance if someone search a keyword on your site using the search function, you can set the layout of the search results page from here. If someone clicks on a specific category on your website, they will get a page that has all of the articles for that given category. You can set how that page will look here.
The last section here deals with how your excepts look when they show up on any of the above dynamic pages. You can control how many words show in the excerpts and you can control a number of options for thumbnail images.
In the next tutorial, we will review the typography settings for Suffusion Theme.