Create an Image Post front page like the demo site

This tutorial will take you through the steps of creating an amazing splash page like the demo website shows:

morphology lite intro

This will be very similar to making normal “Image” post format postings in your blog, with the exception of how we are displaying them. Instead of providing a link to the category, we will create a page that uses a special template.

Turn on the Thumbnail Creation setting from the Customizer

  1. Go to Appearance >> Customize >> Site Options
  2. Check the box next to the “Create Image Post Tiled Thumbnails” setting
    create image thumbnails checked
  3. Click “Save & Publish

Start Making Image Posts

  1. Create a blog category that will be used strictly for your image posts.
  2. Now you can begin making posts using the “Image” post format for each one, and then assign each one to the category that was made.
    select image post format
  3. With each post, add a featured image
    add featured image
  4. Click “Publish

Create a Page

This is going to be the page you use to display your image posts, either as a separate page in your site or as a splash page for the front page.

  1. Go to Pages >> Add New
  2. Title your page…no content is needed.
  3. From the “Page Attributes” select the “Image Posts” template
  4. Click “Publish

Choose How Many Posts to Display

With this method, you can decide on how many image posts to show in the page.

  1. Go to Appearance >> Customize >> Blog Options
  2. Look for the “Image Post Template Count” setting and enter in how many you want to show.
    image post page count
  3. Click “Save & Publish

Front Page Note The only thing you may need to do if you haven’t done so, is to go to Settings >> Reading >> and set your front page to the Image Post page you just created to be your front page (if you want it as a front page).