PageSpeed WordPress theme has a lot of customization options, giving you almost infinite layouts. Here we will briefly describe each option and which type of sites they suit better.
Site layout & Container style
These are straightforward options. There are five layouts and three container options available
Site Layout
- Single sidebar on the left
- Sidebars on either side of the main content.
- Single sidebar on the right [Popular choice]
- Double sidebars on the right
- Double sidebars on the right
Whatever layout you choose, your main content always comes first in the HTML code to boost your on-page SEO.
Container Styles
- Regular
- Boxed [Ideal choice when you are using a background image for the body]
- Wide [If you want to have the site filling the entire window]
Single Post Layout
There are two single post options.
- The main layout you choose.
- Single column layout. [This layout has not sidebars, displays the featured image in large across the screen.]
![](https://swiftthemes.com/blog/wp-content/uploads/2018/05/Single-Post-Regular-Layout-323x195.jpg)
![](https://swiftthemes.com/blog/wp-content/uploads/2018/05/Single-Post-Single-Column-Layout-323x195.jpg)
Sidebar Widgets Style
There are three widget styles possible
- The super simple and clean vanilla
- The card style
- One more card style, little simpler than above
![](https://swiftthemes.com/blog/wp-content/uploads/2018/05/Vanilla-Style-Widgets-323x236.jpg)
![](https://swiftthemes.com/blog/wp-content/uploads/2018/05/card-style-widgets-323x236.jpg)
![](https://swiftthemes.com/blog/wp-content/uploads/2018/05/Separate-containers-323x236.jpg)
Layout and sidebar widths
Though there are 5 theme layouts, they can be grouped into two.
- Ones with a single sidebar
- Ones with two sidebars
When you user a layout with single sidebar, sidebar width is automatically calcualted from layout width. It is container width - main width
If you want make the sidebar wider, reduce the main width.
When using layout with two sidebars, you will have the option to set the width of one sidebar, other sidebars width is automatically calculated like above. You can see this option in the screenshot below.
Fluid width layout / Window width layout
PageSpeed doesn’t explicitly have this option, but you can get a fluid width layout by setting the container width to 100% or a very high pixel value like 10000px