Choose your blog style and layout

Changing your blog style is not just for layout, but also for what style of featured image you want. You get 4 blog styles, 8 with the pro version:

  1. Left featured Image – Left aligned featured image with no left or right sidebars
  2. Right Featured Image – Top featured image with no left or right sidebars; layout is left aligned
  3. Top Featured Image Centered – Top featured image with no left or right sidebars and the layout is centered
  4. Top Featured Image Left Sidebar – Top featured image with a left sidebar column
  5. Top Featured Image Right Sidebar – Top featured image with a right sidebar column
  6. Masonry Style – This is a Pinterest style of layout where each post summary is organized in small blocks
  7. Grid Style – This gives you a grid layout that is similar to the masonry. Using this option is best suited if your blog summaries are using similar sized featured images.

Screenshots

Here are examples of available blog style options in the order of the list above:

When you choose your style of layout, it’s best to prepare your featured images to be sized for the choice you make so that page load times can be limited. For example, if you use the Left Featured Image style, try not to use images that are wider than 500  pixels at the most. Height can give you a bit more flexibility as there are no restrictions, other than how it looks on the front of your site. Here is a guide for featured image sizes:

  • Large Featured Image – you can have up to 1140 pixels in width and height can be up to you
  • Left or Right Featured Image – I would recommend not going larger than 500 pixels in width.

Note If you started off with larger images, and then change your style to the Small style, you will still be OK because the layouts will force the image to resize (downsize).

Change Your Blog Style

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Blog Style” setting and make your choice
    blog styles setting
  3. Click “Save & Publish” at the top of the column.

Single Post Layout

In addition to the blog’s home style and layout, you also get the option to select the layout for your full post view — this is when you click on a “Read More” link and view the post in full.

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Single Post Layout” setting
    single post style option
  3. Click Save & Publish

 Blog Post Summaries – Content vs. Excerpts

The blog post summaries are the “intros” that you see when you first go to a blog. This is normally recognized when you see each summary with a title, perhaps a featured image, and then the “Read More” button or link. Post summaries are only part of a full post and will only show on the blog’s home page.

With this theme, you get a couple of options to display your summaries:

  • Content – This is going to give you a summary that can include formatting, images, and a “Continue” link.
  • Excerpt – This gives you a set number of words that keeps each summary consistent; no formatting, no images, but will give you a “Continue” link as well.