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.
Text version of this tutorial:
http://www.wpbeginner.com/plugins/how-to-display-your-wordpress-posts-in-a-grid-layout/
If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.
Check us out on Facebook:
https://www.facebook.com/wpbeginner
Follow us on Twitter:
http://twitter.com/wpbeginner
Join our circle on Google+:
https://plus.google.com/+wpbeginner/
Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/
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.
12 replies to "How to Display Your WordPress Posts in a Grid Layout"
This is what I've been looking for, thanks! Liked your video.
What about for those who don't have a Premium website?
This is just what I needed. Thank you!
Apparently plug ins only work if you upgrade to the business plan.
i did the layout but i want to put post by myself because wordpress took it automatically all events that i have added to website,how to do ?
Thank you for not adding any obnoxious music, very well done, thank you!
Doesn't allow txonomy or categories? Wtf?
Why do all the adverts for post grid show 3 columns but two columns is the only option? I like post grid because you can tweak the grid sizes to make them all even and aligned but I would prefer to have 3 columns. Any suggestions?
Is there a way to apply post grid on your blog recent posts on homepage? Whenever I do that I lose all the widgets from the side, header slider etc. and I want them to stay intact and just to apply the grid on recent posts. Any ideas? ?
my pages mixed in post grid, how can i separate them with page
Just wanna ask if how to make image on each box same size..?? Since some of my image get cuts..Thanks..
Does this also work for other pages like DIY or only posts?