Latest Blog Post Plugin WordPress

You can add a list of your latest posts in your sidebar, after the end of your post content, inside your post content with a shortcode, in your footer widget area, or anywhere else you like.

In this article, we will show you how to display recent posts in WordPress using a variety of different methods.

How to display recent posts in WordPress

Why Add Recent Posts in WordPress?

If you have been running a WordPress blog or website for a long time, then you may have some older articles getting regular traffic from search engines and other sources.

Many of these users will check out the information they were looking for and leave. More than 75% of those visitors will never see your website again.

To keep users coming back to your website, you need to ensure that they spend more time on your website.

One way to do this is by showing them other recent posts that they should see. This helps users uncover more content on your website, which leads to them spending more time on your website.

As users view more pages, this gives you time to convince them to sign up for your email newsletter or make a purchase.

That being said, let’s take a look at how to easily display recent posts in WordPress using multiple methods. Click on the quick links to jump straight to that method:

Method 1. Use WordPress’s Latest Posts Gutenberg Block

The WordPress block (Gutenberg) editor has a built-in block for displaying your latest posts. You can easily add this to any of the posts or pages on your site.

To use this block, simply edit the post where you want to display recent posts. On the post edit screen, you need to add the ‘Latest Posts’ block to the content area.

Add latest posts block

There are lots of different ways you can configure this block. By default, it just shows the post titles, but you can easily customize it.

For example, you can toggle the post content on and off in the right-hand pane. This lets you choose to add post content or excerpt next to the title.

You can also customize excerpt length which defaults to 55 words, but you can pick any value between 10 and 100 words.

Show post content in recent posts

If you want, you can also display the post date and post author.

Simply enable the ‘Display post date’ and ‘Display author name’ options under Post Meta Settings.

Display post date and author

You can also choose exactly how your posts will display. You can order them differently from the default ‘Newest to Oldest’, and you can show only the latest posts from a specific category.

From the settings panel, you can also choose how many posts will display. By default, the block shows 5 posts, but you can display anywhere between 1 and 100 posts.

Sort and filter recent posts

You also have the option to display your recent posts in a column grid rather than a list.

View latest posts in grid view

You can customize the grid to show featured images for your posts, resize the image, and align them accordingly:

Show featured images in latest posts

Here’s how the finished block looks live on the website:

Latest posts preview

Method 2. Use the WordPress Recent Posts Widget Block

What if you want to show a list of your latest posts in your sidebar instead of on a page? WordPress comes with a built-in default widget to display recent posts in your site’s sidebar or any widget-ready area.

In your WordPress dashboard, go to Appearance » Widgets and add the ‘Latest Posts’ widget block to your sidebar.

Add latest post widget block

You can then customize the appearance of your recent posts in the sidebar.

For instance, WordPress lets you show post content, display post author and date, enable featured images, and sort your latest posts.

Customize recent posts widget block

Once you’re done, click on the ‘Update’ button to store your widget settings.

Here’s the widget live on the blog, with the title ‘New Posts’ and dates enabled:

Latest posts in sidebar menu

Method 3. Use the Recent Posts Widget With Thumbnails Plugin

The built-in widget we mentioned above is quite limited.

What if you want to display thumbnails and excerpts with your recent posts? What if you’d like to only show posts from a specific category in your sidebar?

Well, that’s when the Recent Posts Widget With Thumbnails plugin comes in handy. It does a lot more than just thumbnails, and it’s free.

First, you’ll need to install and activate the WordPress Recent Posts Widget With Thumbnails plugin.

Next, go to the Appearance » Widgets page and then add the ‘Recent Posts With Thumbnails’ widget block.

Add recent posts with thumbnails widget block

The Recent Posts With Thumbnails widget comes with a lot of options. It gives you full control over how you want to display recent posts on your WordPress site.

You can also show excerpts, show posts from specific categories, ignore sticky posts, choose the number of posts to show, display authors, and more.

Customize recent posts with thumbnails

Once you are done, don’t forget to click on the ‘Update’ button to store your settings.

You can now visit your website to see your recent posts with thumbnails.

Recent posts widget with thumbnails preview

Method 4. Display Recent Posts Using a Shortcode

Using the ‘Latest Posts’ block is definitely the easiest way to display recent posts in WordPress posts and pages. However, if you choose to disable Gutenberg and keep the Classic editor, you can use shortcodes instead.

First, install and activate the Relevant plugin. If you need help, then please see our guide on how to install a WordPress plugin.

It’s one of the best popular post plugins for WordPress. You get multiple options to customize the appearance of your latest posts, like editing the title, the number of posts, selecting whether you’d like to display a featured image, excerpt, post date, and more.

Change relevant settings

Next, simply edit a post or page where you want to display your recent posts and then use the shortcode [bws_latest_posts].

Here’s how our list of recent posts looked, using those instructions:

Display recent posts shortcode

Method 5. Display Recent Posts Manually in WordPress

More advanced WordPress users may want to add recent posts directly in their WordPress theme files. Of course, you should use a child theme for this so that when you update your theme, you don’t lose your changes.

It’s always a good idea to create a backup before you edit your theme files. If anything does go wrong, you might want to take a look at our list of the most common WordPress errors and how to fix them.

The easiest way to manually display recent posts to use the built-in WP_Query class. Simply add this code where you want to display the recent posts.

<ul>
 
<?php
// Define our WP Query Parameters
$the_query = new WP_Query( 'posts_per_page=5' ); ?>
 
<?php
// Start our WP Query
while ($the_query -> have_posts()) : $the_query -> the_post();
// Display the Post Title with Hyperlink
?>
 
<li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></li>
 
<li><?php
// Display the Post Excerpt
the_excerpt(__('(more…)')); ?></li>
 
<?php
// Repeat the process and reset once it hits the limit
endwhile;
wp_reset_postdata();
?>
</ul>

This code displays the five most recent posts with their title and excerpt. The WP_Query class has tons of parameters that allow you to customize it any way that you like. For more information please refer to the WordPress developer documentation.

We hope that this article helped you learn how to display recent posts in WordPress. You might also be interested in our article on how to create a separate page for blog posts in WordPress, and our comparison of the best drag and drop WordPress page builder plugins.

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.

 SHARES582  Share  Tweet  Share   

Popular on WPBeginner Right Now!

Disclosure: Our content is reader-supported. This means if you click on some of our links, then we may earn a commission. See how WPBeginner is funded, why it matters, and how you can support us.Editorial Staff

About the Editorial Staff

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi. We have been creating WordPress tutorials since 2009, and WPBeginner has become the largest free WordPress resource site in the industry.

The Ultimate WordPress Toolkit

Get FREE access to our toolkit – a collection of WordPress related products and resources that every professional should have!

Download Now

Reader Interactions

132 CommentsLeave a Reply

  1. Jack Yasgar saysMar 6, 2022 at 6:11 pmWhen I use the WordPress Latest Posts Gutenberg Block, it displays all the texts of the posts. In the preview when I add it to the page, it looks fine, with the “Read More”, but when you actually preview or publish the page, all the text is displayed and it looks terrible. This is on Version 5.9.1. Any suggestions or is it just a bug?Reply
    • WPBeginner Support saysMar 8, 2022 at 9:08 amYou would want to check the settings for your widget as that should be where you can customize how your widget is displayed. If it is not following those settings then you would likely want to reach out to the support for your theme in case it is overriding your settings.ReplyAdmin
  2. Dileepa saysMay 27, 2021 at 11:46 amIs it possible to display posts that are specific for a certain ‘Category’ as a Recent Post?Reply
    • WPBeginner Support saysJun 1, 2021 at 11:43 amThe simplest method would be to add a category to your menu and that would link to a category page that would list your most recent posts in that category.ReplyAdmin
  3. Sean saysOct 12, 2020 at 12:09 pmI’m using ‘Display Posts’ and love it. I run a gardening website so if a post is called ‘How to Grow Beetroot’, is there any way by using Display Posts that the only part of the title that is displayed is ‘Beetroot’?Thank youReply
    • WPBeginner Support saysOct 13, 2020 at 9:01 amThe plugin by default does not change your post titles. You would want to reach out to the plugin’s support if you wanted that functionalityReplyAdmin
  4. Lucy saysOct 4, 2020 at 2:45 amI can’t seem to get the Read More to appear in the published version. It appears in the editor but when I publish, it is gone. I’m using Astra theme.Reply
    • WPBeginner Support saysOct 5, 2020 at 11:29 amYou would want to check for if you need to enable excerpts with your specific theme for it to display how you are wanting.ReplyAdmin
  5. Hamza saysJul 25, 2020 at 11:20 amHi, When I click on the “Read more..” on a post on Recent Posts, it does not to go to that specific post page rather it loads the home page.Appreciate if you can help on this.ThanksReply
  6. Julian saysJun 11, 2020 at 9:09 amThis was really helpful thanks. Just a correction to note, in the last code snippet the comments are using // but they’re not actually in the php so they will show up if you use this code as-is.Reply
  7. Michael Robinson saysMay 17, 2020 at 10:33 amHi, I”m still lost. My posts still don’t show up on my homepage, I have content blocks set up on my homepage and using Guterberg to set up the content. When I publish the post. It does not show up on my Homepage feature posts grid. There is something I am not getting.Reply
    • WPBeginner Support saysMay 19, 2020 at 9:15 amYou may want to clear any caching on your site to ensure your caching is not preventing the changes from being seen.ReplyAdmin
  8. Venkat saysApr 8, 2020 at 11:16 amMy blog shows bulleted post, how do I stop it from being an unordered list, and make it in grid?Reply
    • WPBeginner Support saysApr 9, 2020 at 9:11 amYou can use the new latest post block and use the built-in grid option in the block’s optionsReplyAdmin
  9. Mohammed saysApr 5, 2020 at 11:17 pmHello Friends,My query is what is the short code to display all the content of a post?!Reply
    • WPBeginner Support saysApr 6, 2020 at 2:44 pmIt would depend on why you want to do that. If you want the entire content of a post to be visible to a user it would normally be best to link to the post you want to show so your users can read from the source.ReplyAdmin
  10. Miracle Lawrence saysFeb 11, 2020 at 10:19 amMy blog shows bulleted post, how do I stop it from being an unordered list, and make it in grid?Reply
  11. Sarah saysJan 18, 2020 at 10:45 pmHello – I am trying to figure out why the Recent Posts widget (the basic one) is excluding my most recent post. I would like that to show. Is there custom CSS I could add to make it show? or can I edit the code?Reply
  12. WPBeginner Support saysNov 19, 2019 at 9:52 amIt would depend on how you want it styled but you could create a tabber widget for what I believe you’re wanting:https://www.wpbeginner.com/wp-tutorials/how-to-add-jquery-tabber-widget-in-wordpress/ReplyAdmin
  13. Ata saysNov 18, 2019 at 10:24 pmThank you for the useful post.
    I have a question. What if I want to display recent posts on front page categories wise. Like recent posts should appear on the front page under a particular category.
    Is it possible?Reply
  14. Arif saysJun 14, 2019 at 9:29 pmAwesome as always. When I found wpbeginner is sharing on this topic I was like . But my question is placing post widget on homepage is beneficial or it’s just easy to navigate? Can it help with seo perspective? Can it help with the ranking? Your response highly appreciatedReply
    • WPBeginner Support saysJun 17, 2019 at 11:21 amMaking your site easier to navigate can improve your SEO as well as making it easier for your users to continue navigating through your site.ReplyAdmin
  15. Rajiv Dave saysJun 4, 2019 at 1:20 pmThanks for recent post articles. I was trying so much but now its so easy to work just adding adding it. Thanks for sharingReply
  16. aditya tomar saysApr 13, 2019 at 4:13 pmthank you so much. this helped me a lot. thank you thank you:):).Reply
  17. Trang saysJan 15, 2019 at 4:07 amWhen I tried to edit the page that’s supposed to display blog posts, the editor disappears wit this notice: “You are currently editing the page that shows your latest posts”. Does anyone have this same problem as me?Reply
    • WPBeginner Support saysJan 15, 2019 at 2:38 pmThe Blog page is automatically generated by your theme so you will not have the option to edit it directly unless you have a theme specific setting to edit it.ReplyAdmin
  18. Nikos Tzortzis saysJul 25, 2017 at 6:40 amHI…..i just started using WP and i need some help! i want to publish articles from 3 different categories to 3 different pages.how can i make a page point to an article category?Reply
  19. Rob saysJun 12, 2017 at 11:10 amIs there a way to customize the way post titles are displayed? I don’t want to display the full title of the post or page, just the keywords… much like you shorten the slug for your url. Actually this is exactly what I’m looking for, to display the slug as a link, and not the entire page title. Ideas?Reply
  20. Bryan Free saysApr 27, 2017 at 3:16 pmGreat article, When I use the Recent post widget and set it to only display a category my sticky posts do not work. Have you encountered this before or know of a solution?Reply
  21. eyllan8547 saysMar 16, 2017 at 8:26 amHi, thanks for this complete article.I have a doubt, if I have my wordpress integrated with Magento, can I use magento within the short code to put the last entries in my magento house?Reply
  22. Mankirat Deep Kaur saysMar 16, 2017 at 3:19 amThe short code to display recent posts with thumbnails does not work… only shows the posts title not the thumbnails… how to fix this.??? please reply…:(Reply
  23. Kevin saysFeb 8, 2017 at 6:09 pmHi,I am intending on adding the latest posts on my homepage, but I want a different section for the latest post to display on it’s own;and another section under this designed differently for the latest posts that range from 2-5. (The 2nd, 3rd, 4th and 5th post).What is the shortcode php for this to add to my theme template.Many thanks.Reply
  24. James Gielow saysFeb 7, 2017 at 1:11 pmHello,I have post shortcode on my page:I’ve tweaked it a little bit as follows:[display-posts posts_per_page=”100″ include_excerpt=”false” image_size=”large” wrapper=”div” orderby=”comment_count”]I’m noticing that the spacing in between the posts is cutting off the titles and it makes the page look sloppy. What code can I add to add a little space after each post preview?thanks in advance!
    JamesReply
  25. Paul saysJan 26, 2017 at 8:45 pmThanks! I was struggling with adding recent posts to a page. Your guide saved me a lot of time:)Reply
  26. Erpel saysDec 22, 2016 at 12:31 pmThank you for this tutorial!Reply
  27. Adam saysDec 13, 2016 at 4:25 pmLove the idea, the only thing I don’t like is the display.So it’s great how it has the thumbnail, title, excerpt, etc but the way the title and excerpt are positioned…I think they should be inline with the thumbnail, not at the bottom of it…it looks awkward and unappealing…any way to make it inline?Reply
  28. Kenneth saysNov 23, 2016 at 8:40 amPlease help me with this
    How to display recently post in a post on phone version?
    Reply please… ThanksReply
  29. sai saysNov 12, 2016 at 8:42 amIf I am using 2 database. 1 for main site and 2nd for blog then how to add recent post on home page ?Reply
  30. djafa saysOct 11, 2016 at 2:21 amHi, I put [display-posts posts_per_page=”5″ post_type=”page”] on my post, but not working, can you help how to find the problem?Reply
  31. Kev saysSep 29, 2016 at 1:06 pmGreat writeup. I want to display the recent post on a page. awahere am I suppose to paste the code?Reply
  32. Clark Keng saysSep 26, 2016 at 10:28 pmthis article can help me thank you : )Reply
  33. Id abdou saysSep 25, 2016 at 2:49 pmgereat … thanks a lot .Reply
  34. PARAM saysJul 8, 2016 at 3:37 amHow to show thumbnail of 1st post bigger and others smaller…..Reply
  35. Louise saysApr 9, 2016 at 10:13 pmHi,
    Thank you for this post. Really helped a lot.
    But then I have a problem. When I click on one of the recent posts – it directed me to the static page and not the post itself. Kindly help me resolved this issue. Thank you.Reply
  36. Ellen Allard (Gluten Free Diva) saysMar 5, 2016 at 12:10 pmSo glad to have found you!I’m confused – I can’t seem to get my most recent blog post to appear on my blog page. Can you advise please? Thank you so much!best, Ellen Allard, Gluten Free DivaReply
  37. Tim Zeman saysMar 3, 2016 at 4:41 pmSo I was able to get the 5 latest post to show in the right sidebar but when I click on a post to read it I get the following error on Home Page Oops something went wrongHow do I get the selected post to display?Reply
  38. John Mason saysMar 1, 2016 at 9:55 amAre links to the recent posts widget dofollow links?Reply
  39. Val Archer saysJan 29, 2016 at 8:34 amHi – thanks million for this manual method, very grateful. Please can you tell me how to add a thumbnail image to it? I’m referring to the method starting:// Define our WP Query ParametersReply
    • Rajkumar saysJun 20, 2016 at 4:26 amhello,
      To display a thumbnail image u can uesReply
    • Andrew Wilkerson saysMar 2, 2018 at 12:45 amHi Val, Hope your doing well, I was just scrolling through this article and saw your name and thought straight away I know that name! It’s a small world.
      I made one of your sprouters in the late 90’s I think it would have been.
      Funny thing is I was just thinking about building another one a few days ago!Crazy how things happen sometimes!
      Weird that I then just stumbled across your comment on here today in 2018 while I’m working on my website for something totally unrelated.I remember I really enjoyed reading about your life and the move to Sth Africa, your cures for tooth aces etc. I’ll have to have another look into it all again soon when I have time, anyway just thought I’d say Hi.Reply
  40. Farhad saysJan 27, 2016 at 4:27 amHello, I used the same shortcut in my site but it not show my recent posts at all, what is the probelm?Reply
  41. Marcio saysJan 26, 2016 at 11:55 amHey, how to display recent posts from another wordpress site?Reply
  42. Joe saysJan 20, 2016 at 9:40 pmHi,On my recent posts on the sidebar, when I click a specific post it brings me to the latest post and then displays everything. How do I get it so that when I click a specific post it only shows that post?Thanks!Reply
  43. Sally saysJan 5, 2016 at 2:00 pmIs there a code I can add to activate pagination using the Recent Posts Extended widget?Currently I have my home page widgetized so I’m using the widget.Thanks!Reply
  44. alin dragoescu saysDec 18, 2015 at 7:55 amHello,Please let me know if it’s posible to show the post list in dropdown?Reply
  45. Nick NEvsky saysOct 18, 2015 at 6:38 pmHi! Great plugin, thank you!
    Is it possible to have the author listed, instead of the post name?
    Thanks!Reply
  46. Jason saysJun 30, 2015 at 4:02 amThe version I downloaded does not include the ability to display thumbnails…cant see the option anywhere. I am using version 0.9.9Any clues?Reply
  47. andrea saysFeb 11, 2015 at 10:46 amHi, my issue is to display the latest post full content in a static home page… and i was thinking that the last snippet was what i needed… but unfortunately it does not works properly. In effects it shows title but not the content. could u help me pleaseReply
  48. Tushar saysJan 16, 2015 at 3:25 amHi I am new on wordpress, I want to show Client Testimonial using post….How should I do it..? any suggestions please ?Reply
  49. WPBeginner Staff saysJan 11, 2015 at 2:56 pmHere is an easier way. Install Display Posts Shortcode plugin. Create a blank page and add the shortcode as described in plugins documentation. Publish the page. Go to Settings > Reading and select the page you just created as your static page. Redit the static page and add the slider just before the display posts shortcode. Hope this helps you.Reply
  50. Emily saysJan 10, 2015 at 12:20 amHi, I am wanting to add a slider to the top of my homepage, but it will only allow me to do so if I use a static page. Right now when you go directly to my website, it is my latest posts in full length. If I change my homepage to a static page so that I can include the slider, will this work to add the recent posts below, just as it appears now? Where would I be posting this code? Into the static homepage?Note– I recently tried messing with my php and broke my code and had some major issues.. so I’m pretty nervous messing with php.
0 Comments

No Comment.