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.
34 Comments
Leave a Comment
You must be logged in to post a comment.
Great and very interesting video Thanks.
Can randomize your pages so visitors can see more?
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 !
+Nonglak Chicthai Normally you would add the featured image using a box in the bottom right of the edit post screen.
+WPBeginner – WordPress Tutorials Got it and appreciate your reply!
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.
Thank you so much!! Very helpful!!
It was very useful for me, thank you very much
Thanks for the video! It is really helpful, but is there anyway that I can make it to show 3 columns instead of 2?
You would need to edit the width of the grid items.
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?
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
How did you get verified with 5 subs?
hey have you find solution to your grids ??
@Erik Bush tried, doesn’t work like that 🙁
@Vytalus request a verification….. dead simple
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 ?
Thank you for the video, what theme should I use?
Thank you so much! You explained it in a very easy and quick way.
Thank you! This was amazing. Helped me a lot with chengeerlee.com
Cheers!
Amazing tutorials, keep up. GJ.
Thanks! How do I change the fonts?
For that you would want to take a look at: http://www.wpbeginner.com/wp-themes/how-to-add-custom-fonts-in-wordpress/
Perfect 🙂
Thank you so much for this video
Thanks, great. Now I know I want WordPress.org.
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!
Glad our tutorial could help 🙂
Thank you for not adding any obnoxious music, very well done, thank you!
You’re welcome 🙂
This is just what I needed. Thank you!
You’re welcome 🙂
This is what I’ve been looking for, thanks! Liked your video.
Glad our video was helpful 🙂
Thank you for this great tutorial! 😀
You’re welcome 🙂