How To Display Your WordPress Posts In Grid Layout?

Want to know How To Display Your WordPress Posts In Grid Layout? You are at the right place as this post will give the best and the easiest ways to display your WordPress posts in a grid layout without even knowing anything about the code. The easiest way to achieve this is to use PostX Gutenberg Post Blocks Plugin. Also, have a look at Popular WordPress Themes by VWThemes.

    Let's Have A Look At How To Display Your WordPress Posts In Grid Layout?

    How You Can Install PostX Gutenberg Post Blocks?

    For installing this plugin, just follow the steps given below:

    Step 1: Simply log in to your WordPress website. Upon getting inside your WordPress admin panel, your screen should look like this:

    Step 2: in the dashboard, click on the plugin drop-down menu, and upon clicking that, you will see three options: Installed Plugins, Add new, Plugin editor.

    Click on the ‘Add New’ button.

    Step 3: Next, click on the search bar and type PostX. Then install and activate it. Upon doing that, you are ready to use it.

    How To Display Your WordPress Posts In A Grid Layout?

    In How To Display Your WordPress Posts In Grid Layout, To give you an idea regarding the use of PostX plugin for displaying your WP posts in a grid layout, we are going to create a new page from the WordPress admin panel. And we will name the page ‘Lifestyle’.

    Next, we will click on the “Add Block” option and then choose the PostX Gutenberg Post Blocks editor option.

    PostX Gutenberg Post Blocks option includes three post grid options pre-installed for you. Using this option has a benefit as it will allow you to control the structure of posts on your pages. The three pre-set settings are available to choose from and you can customize them as per your requirements.

    Trying the Post Grid #1 Blocks:

    This allows you to arrange blocks side by side. My page will look somewhat like this:

    You will observe that the stuff looks similar to the content displayed on my dashboard. You can see the setting on the right.

    You can pick any of the five available designs if you are not interested in fine-tuning the settings. In case you want to customize the settings, you will be able to control the number of columns. The number of columns resembles the grid where your post will be displayed. The 4 square boxes will appear in one line when you choose four columns.

    You can control the number of columns and make the page responsive by toggling through the list of devices available besides the Column feature.

    There are options including control of headings appearing on the page, adjusting the gap between two grids, turn on the excerpt. Upon turning on the excerpt option, your visitor can read the first few lines of your content and if they found it interesting, they will click on it. You can also add info about the category of post, choose the metadata you want to display, etc.

    The other useful features include:

    • Pagination option
    • Read more option
    • Image overlay option
    • Alignment option

    There are more options available when you hover over the advanced setting option. There are more customization options and these options will allow you to control the margin, the padding, background, z-index, etc. In case you want to add something additional, you can also add custom CSS as per the needs.

    Using the Query option in the plugin

    In How To Display Your WordPress Posts In Grid Layout, Once you have chosen the preferred preset post grid layout, you will be able to make your own customizations. You can make your own changes with the Advanced Query Builder. You can make queries into your ‘wp-content’ folder for pages as well as posts. After you chose your preferred preset post grid layout, you can do your customizations.

    The advanced query builder in the Gutenberg Post Block Plugin enables you to control the number of posts that you wish to display in your post grid. You can also sort the blog posts depending on the category and date on your page.

    You can include specific blog posts. You want your leaders to read the best and latest blog posts and not the outdated and old ones. You can exclude those blog posts with this plugin. There is an option of offsetting the starting piece of your content that you want to be displayed on the page’s post grid.

    It is possible that your new blog post hasn’t been image optimized so you might want them to refrain from displaying on your blog. Here is where the offset option comes into play.


    With the PostX Gutenberg Post Blocks plugin, you will be able to arrange your blog posts in a post grid format or a post list format on your site. I hope this post was useful in bringing useful ways to you using How To Display Your WordPress Posts In Grid Layout. I guess, now, you might have got an idea about how to display your WordPress posts in a grid layout. If you still got some doubts, you can always reach out to us.

    WordPress Theme Bundle

    It is possible to achieve great websites for your business with amazing premium WP themes. So if you want All Themes for your various business websites, the best to get them is to opt for a WordPress theme bundle. The theme bundle that VWThemes offers has a spectacular collection of 150+ exceptional themes and all of them are very well designed to bring in most professional websites that also serve as a visual treat to the target audience. Once you have these outstanding themes that are available at a nominal price, you can get lifetime access to them. So why go for single themes?

    Back to blog