Choose your blog style and layout

Morphology gives you 6 blog styles that you can choose from, with a few that are similar with suttle differences, but at least a couple that are quite different. I would also recommend that you select your blog style before you start creating posts and to also plan the size and cropping of your featured images (should you decide to use featured images in your posts).

Featured Image Size Reference

Although you can upload any size of featured image you want, here are some recommendations to use as a guideline based on each of the styles you have available. The list below is in reference to the order of the screenshots you see above and starting from the top:

  • Top Featured Image – Up to 1200 pixels
  • Top Featured Image with Summary Left Aligned – Up to 1200 pixels
  • Top Featured Image & Summary Centered – Up to 1200 pixels
  • Top Featured Image with Right Sidebar – Up to 710 pixels
  • Left Featured Image – Up to 855 pixels
  • Masonry Layout – Make them 510 pixels

Note For the 5th style, Left Featured Image, the width of the container the featured image is sized as 40% the width of the window. This means that as you increase the browser window, the image container will increase. Likewise, if you make the window smaller, the container will get smaller, but for both, they will always be 40% in width until you get to a mobile screen size at which point it becomes 100%. 

Select Style and Layout

  1. Go to Appearance >> Customize >> Blog Options
  2. Look for the “Blog Style” setting and make your choice.
  3. Click “Save & Publish

Decide Content or Excerpts

While you choose your blog style and layout, you can also decide if you want to use the standard content (with a read more split of your post) or an excerpt. There is a tutorial based on this because most if not all of our themes offer this option now.

If you want to jump right in and make your choice now, follow these steps:

  1. Go to Appearance >> Customize >> Blog Options
  2. Look for the “Content or Excerpts” setting
  3. Make your choice and then click on “Save & Publish

Choose your Excerpt Size

If you want to use the excerpt for any of the blog styles, you can also customize the word count for your excerpts. However, if you are using the Masonry Layout option, this defaults to excerpts only, but you can still control how many words to show in each masonry post summary.

excerpt sizes

  1. Go to Appearance >> Customize >> Blog Options
  2. Find the “Excerpt Length” and/or “Masonry Style Excerpt Length” settings.
  3. Choose the number of words you want for your excerpts (depending on which blog style you use)
  4. Click “Save & Publish

Select your Full Post Layout

In addition to setting your blog style, you can also set your full post layout here as well.

  1. Go to Appearance >> Customize >> Blog Options
  2. Look for the “Single Post Style” setting and make your choice
  3. Click “Save & Publish

Image Post Format

With Morphology, we’ve only included two post formats, Standard, and Image. For the Image Post Format option, this gives you a special style and layout that won’t show up in your standard blog home page, but rather it can show up if you assign your image posts to their own blog category. 

post formats

The next tutorial will talk about this format more in depth.