How to Display Post Excerpts in WordPress Themes

Do you want to learn how to display post excerpts in your WordPress theme?

By showing post excerpts instead of the full article on your blog, you can help visitors quickly find interesting content and reduce your site’s loading time.

In this article, we’ll show you how to add post excerpts to your WordPress theme.

Why Display Post Excerpts in WordPress?

By default, WordPress will show full posts on the homepage, blog page, and archive pages across your website. However, this isn’t the best experience for users who want to quickly browse through the different posts and find the one they want to read first.

It can also mean lots of scrolling, which is a huge problem for smartphone and tablet users.

As you publish more posts, WordPress may also split your blogs across multiple pages using pagination. As your older posts get pushed to other pages, they’ll often get much fewer views and less engagement.

For this reason, many blog owners show post excerpts on their archive and blog index pages instead. Since only a portion of each article is loaded, this can boost your WordPress speed and performance.

It also helps visitors quickly look over your posts and find interesting content to read. Since you’re showing less content, it even allows you to feature more posts on each page.

WordPress does have built-in support for post excerpts, but not every theme makes use of this feature.

That being said, let’s show you how to display post excerpts in any WordPress theme.

How to Check if Your WordPress Theme Supports Post Excerpts

Most popular WordPress themes have a setting that allows you to show post excerpts instead of the full post.

To see if your theme supports post excerpts, go to Appearance » Customize in the WordPress dashboard.

The location of these settings will vary depending on your WordPress theme, but look for any settings labeled ‘Blog.’

For example, if you’re using the Astra WordPress Theme, then you’ll need to select ‘Blog’ and then click on ‘Blog/Archive.’

You can then scroll down to the ‘Post Content’ section and click on ‘Excerpt.’

If your theme has a ‘Theme Settings’ or ‘Post General Settings’ option, then you may also be able to enable post excerpts in these sections.

Once you’ve done that, simply click on the ‘Publish’ button. Now, if you visit the blog, archive, or homepage, you should see a list of blog excerpts rather than full posts.

If your theme doesn’t have built-in support for post excerpts, then you’ll need to add it. Simply use the quick links below to jump to the method you want to use.

Method 1. Add Post Excerpts to WordPress Using Code (Easy)

If your WordPress theme doesn’t support post excerpts by default, then you can always add this feature manually.

You can edit your WordPress theme files directly, but we recommend creating a child theme instead. That way, when you update your WordPress theme, you won’t lose the changes you’ve made.

For more details, see our beginner’s guide on how to create a WordPress child theme.

After creating your child theme, you’ll need to find the template that controls each page where you want to show post excerpts. For most themes, this will be home.php, content.php, category.php, and archive.php.

For help finding the right template file to edit, see our beginner’s guide to WordPress template hierarchy.

After that, you simply need to locate the following code in each file:

<?php the_content(); ?>

Then, replace this code with the_excerpt tag:

<?php the_excerpt(); ?>

With that done, save the file and then check your website. You should now see post excerpts where the full article used to be.

Change the Default WordPress Excerpt Length

By default, WordPress will show the first 55 words of each post and then add an ellipsis (…) to show that there’s more content.

You can change this to show more or fewer words by adding code to your WordPress website. While it is possible to edit the theme files directly, this can be complicated.

A simple mistake can also cause lots of common WordPress errors and may even completely break your site.

For that reason, we recommend using WPCode.  It makes it easy to add code snippets in WordPress without having to edit your theme files. That way, if you ever update or change your theme, all of your custom code will be saved.

Related: Read our guide on how to easily add custom code in WordPress.

First, you will need to install and activate the free WPCode plugin. For more information, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to Code Snippets » + Add Snippet.

On the next screen, hover your mouse over the ‘Add Your Custom Code (New Snippet)’ option and click the ‘Use snippet’ button when it appears.

On the next screen, type in a title for the code snippet. This is just for your reference, so you can use anything you want.

After that, open the ‘Code Type’ dropdown and choose ‘PHP Snippet.’

With that done, simply paste the following into the code editor:

return 100;
}
add_filter('excerpt_length', 'new_excerpt_length');

// Changing excerpt more
function new_excerpt_more($more) {
return '...';
}
add_filter('excerpt_more', 'new_excerpt_more');

This code changes the post excerpt length to 100 characters. You can change the ‘100’ to any number you want.

After pasting the code, toggle the switch from ‘Inactive’ to ‘Active’ in the top right corner and then click the ‘Save Snippet’ button.

For more tips on how to fine-tune your post excerpts, please see our guide on how to customize WordPress excerpts with no code.

Method 2. Add Post Excerpts to WordPress Using a Theme Builder (Advanced)

If you want complete control over how the archive, blog page, homepage, and the rest of your site looks, then you can create a custom theme.

This allows you to design your own pages and show excerpts anywhere on your website.

SeedProd is the best WordPress theme builder plugin that allows you to easily create a custom WordPress theme without writing any code. It also has a ready-made ‘Posts’ block that you can drag and drop onto any page.

Note: There is a free SeedProd plugin that allows you to create beautiful coming soon and maintenance mode pages no matter what your budget. However, you’ll need the SeedProd Pro or Elite plan to unlock the theme builder.

First, you need to install and activate the SeedProd plugin. For more details, see our step-by-step guide on how to install a WordPress plugin.

Upon activation, go to the SeedProd » Settings page and enter the plugin’s license key. You can find this information under your account on the SeedProd website.

After entering the license key, you’re ready to create a custom WordPress theme using the SeedProd theme builder.

First, go to the SeedProd » Theme Builder page.

Here, you can either use one of the ready-made SeedProd themes as a starting point or manually create a template from scratch.

We recommend starting with an existing theme, as it automatically creates all the necessary template files and gives you a head start.

With that being said, click on the ‘Theme Template Kits’ button.

You can now choose any of the available templates.

All of these themes are fully customizable, so you can fine-tune them to perfectly suit your WordPress blog or website.

After choosing a theme, SeedProd will automatically create all the theme templates you need.

You can think of this as the draft version of your custom WordPress theme.

You can now customize each template using SeedProd’s drag and drop editor.

Since we want to add post excerpts to our website, hover your mouse over the ‘Blog Index, Archives, Search’ template and click on the ‘Edit Design’ link when it appears.

This will load the SeedProd drag and drop builder.

To the right, you’ll see a preview of the template. By default, the blog page template will show the heading, archive, title, and all your posts.

The left-hand side shows a menu with all the different blocks you can use.

You can add new blocks by dragging them onto the page and then rearrange them by dragging them up and down with your mouse.

You can customize any block by clicking on it and using the settings in the left-hand menu. When you make a change, the preview will automatically update to show those changes in action.

Since we want to customize the post excerpts, simply click on the ‘Posts’ block in the live preview.

After doing that, you can choose what to show users when they visit your blog page, using the settings in the left-hand menu.

For example, you can change the column layout, display pagination, show the featured image, and change the title tag.

To show the post excerpt, simply click on the ‘Show Excerpt’ toggle so that it turns orange.

Once you’ve done that, you can change how many characters SeedProd shows in the excerpt by typing a new number into ‘Excerpt Length.’

SeedProd can also add a ‘Read More’ link to each excerpt, which will encourage readers to open the full article.

You can add or remove this link using the ‘Show Read More’ toggle.

You can also replace the ‘Read More’ text with your own messaging by typing into the ‘Read More Text’ field.

When you’re happy with how the post excerpt is set up, click the ‘Save’ button in the upper right corner of your screen.

You can now customize the other SeedProd templates by going to SeedProd » Theme Builder and following the same process described above.

To show the post excerpts to visitors, you first need to enable your SeedProd theme. To do this, go to SeedProd » Theme Builder and then click on the ‘Enable SeedProd Theme’ toggle so that it shows ‘Yes.’

Now, if you visit any of your blog pages, you’ll see the post excerpts live.

We hope this article helped you learn how to display post excerpts in WordPress themes. You may also want to see our guide on how to make money online blogging with WordPress and our expert pick of the best WordPress SEO plugins and tools that you should use.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.