Home›WordPress›Guide

How to Add Latest Posts with WordPress Query Loop

Build a responsive latest-articles section with featured images, post titles, excerpts and real Read More links.

Quick answer

Build a responsive latest-articles section with featured images, post titles, excerpts and real Read More links.

Step-by-step instructions

  1. Step 01

    Edit the Home page with the block editor and add a heading such as Latest Articles.

  2. Step 02

    Insert a Query Loop block and select a grid or list variation.

  3. Step 03

    Select the outer Query Loop block in List View, not just the Post Title inside it.

  4. Step 04

    Choose a Custom query when your regular page cannot inherit a posts archive query, and set Post Type → Posts.

  5. Step 05

    Set ordering to Newest to oldest and Items per page to a sensible count such as three.

  6. Step 06

    Inside Post Template, insert Featured Image, Post Title, Excerpt and Read More blocks, in that order.

  7. Step 07

    For narrow mobile views, use one column or a layout that automatically stacks; make the Post Title smaller to avoid overflow.

  8. Step 08

    If a post is missing, verify Published status and check any category filters.

  9. Step 09

    Save and test clicks from Preview in New Tab or your live site. Editing clicks may only select blocks.

Before you finish: important checks

  • Do not insert full article text manually in the Query Loop or the home page.

Common problems and fixes

  • Privacy Policy appears in your post grid? Post Type may be set to Page instead of Posts.
  • Read More does nothing in editor? Test in Preview; confirm it sits in Post Template.
  • Featured Image blank? Set a featured image on the post itself.

Frequently asked questions

Do I need to republish articles on Home?

No. A correctly configured Query Loop updates automatically.

Keep this in mind

WordPress, hosting and AI interfaces change. Check the service's current documentation before changing billing, domain DNS, security or important site settings. Rayhan Studio publishes educational help, not guaranteed results.