• Skip to main content
  • Skip to header right navigation
  • Skip to after header navigation
  • Skip to site footer

WP Engine hosting includes Genesis and 35 of the StudioPress themes!

Philip Gledhill

WordPress | Genesis Framework | StudioPress

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog
  • Content
  • Beaver Builder
  • CSS
  • WooCommerce
  • WP Tutorial
  • Contact
  • Specific Themes
  • Find it
You are here: Home / WordPress Tutorial For Beginners / How do I change the look of my blog listing pages?

How do I change the look of my blog listing pages?

We’re using the Twenty Sixteen theme for these tutorials.

In this theme, if you add featured images to your posts, they are always displayed on your blog listings pages.

This is the way blog listings pages display

  1. The post title.
  2. Post info (post date and category etc.)
  3. Excerpt, if used.
  4. The featured image.
  5. The full content of that post.

How WordPress displays blog posts

The normal way for the WordPress blog page to display is to show the full content of every post.

These posts are stacked one above another. As you scroll down the blog page you see the next complete post, and then the next.

If you click the title of any blog post, you see that post on it’s own, without all of the other posts.

A more Google friendly, and user friendly, way to display blog posts

Using the More Tag you can make your blog page listings show a trimmed down version of each post.

So instead of showing each complete post stacked one ontop of another, you see a condensed version of each post.

You can then click a link to read the full post, if you want to.

How your blog listing pages appear using the More Tag

Each post is listed one above the other. But each post’s content is cut off at the more tag. To see the rest of the post you click the Continue Reading link.

Using the More Tag your blog listings pages display a list of trimmed down posts, like this…

  1. The post title.
  2. Post info (post date and category etc.)
  3. Excerpt, if used.
  4. The featured image.
  5. The post content up to the point you added the More Tag.
  6. A link that says Continue Reading.

This diagram gives you an idea of how a blog listing page looks using the more tag

Blog listing page using the more tag

How to use the More Tag

To use the the More Tag, just place your cursor in your post at the point you want to cut that post, then press the More Tag button in the toolbar.

Blog listing page using the more tag

Easier to scan, scroll and find the content you need

This makes your blog post listings easier to scroll through and scan for post tiles you are interested in. When you find an interesting blog post you can click the “Continue Reading” link to view that post in it’s entirety.

The featured image will always display

In the Twenty Sixteen theme, if you’ve added a featured image to your post. The featured image will always display in your blog listings page. Even if you place the More Tag at the  very top of your post.

Blog page listing recipies

Use these suggestions to control how your blog posts and the blog listing page look.

Add an Excerpt and Featured image to your post. But place the More Tag at the very top of each post.

Do not include an Excerpt or Featured Image. Place the More Tag after the first paragraph of your post.

Include a Featured Image in your post, but do not use the Excerpt. Place the More Tag at the very top of each post.

Include a Featured Image in your post, but do not use the Excerpt. Place the More Tag after the first paragraph of each post.

How many blog posts do you want to display on each blog listing page?

You can choose how many blog posts to list in each blog listing page.

For instance, if you choose 5, each blog listing page shows 5 blog posts. When you scroll to the bottom of that blog listing page, you see a link to the next blog listing page showing the next 5 blog posts.

To choose how many posts to show on each blog listing page go to…

Settings > Reading > Blog pages show at most: type a number in the box.

Settings Reading Blog pages show at most

Category: WordPress Tutorial For Beginners

About Philip Gledhill

Philip helps small and medium service businesses build and maintain clean, minimalist, professional looking websites. He loves clear, concise, customer focused content, and websites that are easy to navigate. His motto is focus on your customer and keep it simple.

Previous Post: « How do I add image galleries, sliders and forms to my site?
Next Post: How do I put content in the sidebar or footer of my website? »

Sidebar

How do I..? A list of WordPress Tutorials for Beginners

  • Gutenberg Post Editor | The Basics
  • How do I Login and Logout of WordPress?
  • How do I change the Site Title and Tagline?
  • How do I change the look or design of my WordPress website?
  • How do I make Google friendly web page links?
  • The images I used in the tutorials
  • How do I make WordPress web pages and blog posts?
  • How do I write a post without publishing it yet?
  • How do I add a header image to my site?
  • How do I add fancy featured images to my WordPress website?
  • How do I make a navigation bar?
  • How do I enable or disable comments on my website?
  • How do I put content in the sidebar or footer of my website?
  • How do I change the look of my blog listing pages?
  • How do I add image galleries, sliders and forms to my site?
  • How do I use the different post Format types?
  • How do I organize my content using categories and tags?
  • How do I edit my profile picture, add some biographical information and reset my password?
  • How do I hide dialogue boxes I don’t need?
  • Optimizing images for the web using Pixlr

These tutorials use the free Twenty Sixteen theme by WordPress…

Download the free Twenty Sixteen theme.

The Twenty Sixteen theme

Please note, this site is paid for with money I earn through affiliate links.

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Free themes with hosting
Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Choose Your Theme

Web Hosting

If you’re in the market for premium web hosting from a team you trust why not checkout WP Engine. It’s designed to be Fast, Secure & Worry Free!

Site Map

Site Map: if you can’t see what you’re looking for read through my sitemap, it may well be there :-)

  • Search
  • Home
  • Genesis Newbie
  • Setup Wizard
  • Genesis Geek
  • Resources
  • Blog

This website is independently owned by an affiliate marketer of StudioPress. It is not sponsored by StudioPress, WP Engine, Copyblogger Media LLC, WordPress, or Automattic Inc. WordPress, Genesis, StudioPress and WP Engine, are registered trademarks of their respective owners.

Copyright © 2021 Philip Gledhill · Privacy policy and disclosure

© Copyright Philip Gledhill

Return to top