How to Display Your WordPress Posts in a Grid Layout

How to Display Your WordPress Posts in a Grid Layout

Most WordPress themes do not come with a grid layout display of your posts. Some users want to do this to change how their layout of posts look and this is one method. In this video, we will show you how to display your WordPress posts in a grid layout.

Summary of this tutorial:

Start by installing and activating the Post Grid plugin.

Once activated go to Post Grid, New Post grid to begin creating your post grid.

There are multiple sections that you can customize but we recommend starting with the Query Post tab.

You can select the post type you want to to display, by default it will show posts.

Under the layout tab you can select how the content will be displayed and tweak it further under layout settings.

With that setup, you can use the shortcode to embed it on to the page you would like.

Posted in


  1. Kev Wood on April 5, 2016 at 3:07 pm

    Great and very interesting video Thanks.
    Can randomize your pages so visitors can see more?

  2. Nonglak Inpotong on May 3, 2016 at 9:39 am

    Hi Thanks for sharing this great tutorial! May i ask where to add the image for the post? I am new WP user and could not figure out where to insert the featured image. Thanks in advance !

    • WPBeginner - WordPress Tutorials on May 4, 2016 at 8:01 pm

      +Nonglak Chicthai Normally you would add the featured image using a box in the bottom right of the edit post screen.

    • Nonglak Inpotong on May 5, 2016 at 2:14 pm

      +WPBeginner – WordPress Tutorials Got it and appreciate your reply!

  3. Musings From The Last Frontier on June 11, 2016 at 10:48 pm

    Thanks. I wanted to setup my homepage as a grid layout in my Twenty Fourteen theme and couldn’t figure out what I was doing wrong with Grid Post.

  4. Leading Edge Seminars on July 4, 2016 at 2:31 am

    Thank you so much!! Very helpful!!

  5. Hani yoco on October 6, 2016 at 12:44 pm

    It was very useful for me, thank you very much

  6. Ivan Lee on November 16, 2016 at 1:27 pm

    Thanks for the video! It is really helpful, but is there anyway that I can make it to show 3 columns instead of 2?

    • WPBeginner - WordPress Tutorials on November 18, 2016 at 9:04 pm

      You would need to edit the width of the grid items.

  7. Kristen Dikio on January 11, 2017 at 5:44 pm

    Thanks for this tutorial! I have a lifestyle blog and am trying to figure out how to create post grids within each of my category pages… is this possible with this particular plugin?

    • Erik Bush on October 20, 2017 at 3:13 am

      You can do that with the Post Grid Plugin! you have to make new Post grids (one for each category page) and post the code for each one in the description box of each category page

    • Vytalus on July 14, 2018 at 4:45 pm

      How did you get verified with 5 subs?

    • مرجعنا الى الله on January 27, 2019 at 3:14 pm

      hey have you find solution to your grids ??

    • evairem111 on February 5, 2019 at 5:23 pm

      @Erik Bush tried, doesn’t work like that 🙁

    • Mika de Bruijn on May 23, 2019 at 5:07 pm

      @Vytalus request a verification….. dead simple

  8. Artur Mendes Gonçalves on February 7, 2017 at 12:20 am

    Hi, Thanks for the video !

    How to select the category of post I want to put on each grid ?
    I see there is “Taxonomy & Terms (Categories)”, but it’s written below “No categories found.” even though I have categories created..

    Any help ?

  9. Sarah Jack on October 8, 2017 at 7:37 am

    Thank you for the video, what theme should I use?

  10. Priya Jaisinghani Chimnani on October 24, 2017 at 10:03 am

    Thank you so much! You explained it in a very easy and quick way.

  11. Chengeer Lee on January 2, 2018 at 2:30 am

    Thank you! This was amazing. Helped me a lot with

  12. Roman Labuš on January 4, 2018 at 1:36 pm

    Amazing tutorials, keep up. GJ.

  13. Ally on April 7, 2018 at 8:18 am

    Thanks! How do I change the fonts?

  14. Successful Life on May 13, 2018 at 8:28 pm

    Perfect 🙂
    Thank you so much for this video

  15. Erlinda Budoyan on September 26, 2018 at 3:26 am

    Thanks, great. Now I know I want

  16. Alicia Jones on January 8, 2019 at 12:08 am

    Thank you so much. I didn’t have a front page option so I went to edit my homepage I copied and pasted the code there. It works great!

    • WPBeginner - WordPress Tutorials on January 8, 2019 at 4:06 pm

      Glad our tutorial could help 🙂

  17. Jonky Dawson on February 20, 2019 at 3:32 am

    Thank you for not adding any obnoxious music, very well done, thank you!

    • WPBeginner - WordPress Tutorials on February 20, 2019 at 4:49 pm

      You’re welcome 🙂

  18. Wolfmaan on March 21, 2019 at 3:43 pm

    This is just what I needed. Thank you!

    • WPBeginner - WordPress Tutorials on March 21, 2019 at 5:43 pm

      You’re welcome 🙂

  19. Sam A on April 29, 2019 at 10:48 pm

    This is what I’ve been looking for, thanks! Liked your video.

    • WPBeginner - WordPress Tutorials on April 30, 2019 at 3:27 pm

      Glad our video was helpful 🙂

  20. Health Glows on August 31, 2019 at 2:15 pm

    Thank you for this great tutorial! 😀

    • WPBeginner - WordPress Tutorials on September 4, 2019 at 2:51 pm

      You’re welcome 🙂

Leave a Comment

You must be logged in to post a comment.

How to S.T.A.R.T.

an Online Business

Learn how to choose a profitable business model, get the funding you need, pick a market, refine your plan and launch your business!

Free 5 Day Mini Course

Let me build your blog and it will be...





Save Time. Save Money.