How to Display Your WordPress Posts in a Grid Layout

Key Takeaways

Hey guys, welcome to WP Beginner and thanks for watching. In this video, I'm going to show you how you can set up your website in a grid layout format. This grid style format is actually perfect for photographers and anyone who wants to show off their portfolio on their website. To get this on your site, just go to your dashboard, head over to plugins, add new. In the search box, we want to put in post grid and hit enter to search for it. This is the one we want. So, we'll install and then we'll activate it. Click activate. All right. Now that we've installed that, we need to go ahead and create a post grid. So, we're going to go to post grid, new post grid, and we'll fill out the information. So, we'll go through each of the tabs and we want to query the post. We want to just do the posts post type. If you have a portfolio or particular custom post type, then that'll show up here and you could choose that. I'm going to use post and I only want to show the ones that are published. And we'll show about 10 per page. You can exclude any of the IDs if you want. And here you can either do it in ascending, meaning oldest, or descending, meaning the most recent post. We're going to do descending. And then you want to order by however random. We're going to do by date. Next thing we want to look at is the layout. And this is what it will look like. You can choose from any of these. And you see what it looks like when you change it. For me, I'll choose flat. Same thing with the different skins. These are how it acts when somebody clicks on it. You see there's nothing there. Flip. That'll flip when somebody hovers over that. You see this one and how that changes. And then just how that looks all around. I'll use the flip layout. And then under layout settings, this is what you want to change. If you go to your site and things aren't quite looking right, you want to adjust these. Everything looks good for me. and navigation that's at the bottom if you want to show the pageionation. All right, now that I have all that done, I actually want to click publish on there and then I want to go back to the short codes. Make sure I'm there and we're going to grab the short code here. And now we want to go and create a page that we're going to put this on. And if you want this as your homepage, I'll show you how to do that as well. So, I do portfolio, add the grid, and we'll hit publish. We'll see what it looks like in action. And this is what it look like if you don't have a featured image already picked out. But this is what this is how mine is showing up. to get that as your homepage. Back into the dashboard and under settings, reading, you want your front page to be what we just created, which was the portfolio. Now, when I visit my site, that's the main page. Obviously, I'll want to tweak this to make it look a little bit better for what I'm doing, but now you have a grid layout on your site. If you like this video, click on the like button and go ahead and leave us a comment there. We'd love to hear from you.