Categories

Featured templates

How to display your WordPress posts in a grid layout

Carey Burns March 14, 2018
Rating: 4.8/5. From 4 votes.
Please wait...

Hello, our Support Team is ready to present you a new tutorial that shows how to display your WordPress posts in a Grid layout

In case you have a custom static homepage for your WordPress site, then you may want to use a grid-based layout to display your recent posts on the Blog page.

Such layout saves space, it also looks more pleasant visually

You can also add posts grids to other site pages

Blog page Grid Layout

  1. Navigate to Appearance -> Customize in your admin panel. Open the Blog page. You will see new tab Blog settings, open it.

  2. Then open tab Blog to manage the layout settings of blog page. Select Grid layout and number of columns

  3. Save changes when you are done and check your Blog page.

Adding posts grid with Elementor page builder

  1. Navigate to Pages -> Add new or open the page that you would like to edit. Click on Edit with Elemetor

  2. Drag&Drop module Posts to the needed section.

  3. Then you can set number of posts to display, number of columns and other grid settings

  4. Save changes when you are done and check your page.

We would also suggest you to check out the latest collection of premium WordPress themes to build your very own website.

Best Wordpress Templates
This entry was posted in Monstroid Tutorials, WordPress Tutorials and tagged grid, posts, posts grid. Bookmark the permalink.

Submit a ticket

If you are still unable to find a sufficient tutorial regarding your issue please use the following link to submit a request to our technical support team. We'll provide you with our help and assistance within next 24 hours: Submit a ticket