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. Top 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 Layout – This is a Pinterest style of layout where each post summary is organized in small blocks

Screenshots

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

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 Featured Image – I would recommend not going larger than 400 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 style options
  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

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 Opportune Pro, 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 “Read More” button.
  • Excerpt – This gives you a set number of words that keeps each summary consistent; no formatting, no images, but will give you a “Read More” button as well.

I will talk more about Content and Excerpts in the next tutorial called “Choose Content or Excerpts for your blog post summaries“.