Would you like to display your articles in a beautiful grid?

Most WordPress themes do not have grid layout settings. In this article, we will show you how to display your WordPress posts in a grid on a WordPress theme without writing a single line of code.

If you have never installed WordPress, discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

But back to why we are here.

display posts in a grid layout

When do you need a grid layout in WordPress?

The traditional vertical post layout works well for most websites. However, this layout can take up a lot of space, especially if you want to display a large number of posts.

So, if you have a custom homepage on your WordPress website, you can use a grid layout especially to display your recent posts.

Discover by the way 10 WordPress plugins designed to display a gallery or portfolio

This layout will save you space, so that you can add even more elements to your homepage. The appearance also looks more aesthetic, as the images are highlighted much more.

post-grid-plugin-wordpress-display-grid

Many WordPress themes designed for magazine or photography websites are already using the grid layout to display their publications. However, if you are using an incompatible WordPress theme, then you will need to create your own template. This will require you to learn PHP, HTML, CSS, etc.

See also our article on How to install WordPress locally on a PC / Windows with XAMPP

Let's see how you can display your WordPress posts in a grid on a WordPress theme without having to write code.

If you have never installed WordPress, discover How to Install a WordPress Blog in 7 Steps et How to search, install and activate a WordPress theme on your blog 

But back to why we are here.

View WordPress Publications in a layout in grid 

The first thing to do is to install and activate the plugin Post Grid. After activation, you must go to the page Post Grid »New Post Grid to create your publication grid. 

new wordpress grid

The page " post grid Is divided into different sections represented by tabs on the top row. You must first click on the " Query Post"

Lire aussi How to manage email notifications on WordPress

Here you will define how you want the plugin to find the posts to display.

querypostsgrid

You can select the type of post you want to display. By default, it displays "post" (article), but you can choose the pages for example, at least select any custom publication type.

Then you need to click on the layout tab. This is where you can choose how you want your grid displayed.

gridlayout- display your posts in a beautiful grid

You can then select the content of the layout. The plugin has choices such as "flat", "flat center", "flat right", etc ...

You can also click on the edit button to create your own layouts.

See also How to customize the form of comments on WordPress

You have 5 modes available, with interesting visual effects. Using the mouse, it is also possible to flip or rotate the image. 

Now you have to click on the tab " layout Settings". These settings should work on most websites. But if it happens that your grid does not fit your page, this is also where you can fix that.

gridlayoutsettings

Finally, click on the navigation tab and select your layout style.

Once you're done, just click the button "Publish". This will make your post grid available, and you can add it to any page you want.

Add a post grid to a WordPress page

On the publisher of the publications grid, you will see the tab « shortcodes" Clicking on it displays a shortcode.

gridshortcode

Copy the shortcode, then edit the WordPress page where you want to display your post grid. Paste the shortcode inside the area where the grid should appear.

See also How to display photos in a WordPress grid

Then, save your page by clicking on the update button. You can now visit your website to see the publications grid in action.

postgridpreview

You can also use PHP code if you want to add the publication grid directly to your WordPress theme files.

So much to see... 7 premium WordPress plugins to save your website / Blog

Now you will be able to display your posts in a grid on WordPress.

Discover also some themes and premium WordPress plugins  

You can use other WordPress plugins to give a modern appearance and to optimize the handling of your blog or website.

We offer you here some premium WordPress plugins that will help you do that.

1. Driver

Driver is a powerful WordPress Plugin limo booking premium for businesses of all sizes. It can be used by limo and shuttle operators. 

Driver

With this plugin, you can easily make reservations for any defined route. It will help you improve customer service and manage your limo rental business on the internet.

It offers a simple, step-by-step reservation process with support for multiple payment gateways, notifications by e-mail and SMS, integration of the WooCommerce plugin, Google Calendar and an intuitive control panel.

As functionalities we will have among others: the possibility of creating, modifying or deleting reservation forms, the support of shortcodes, the specification of the types of service offered, the precision of the minimum and maximum rental time of the limousine, the specification of the reservation period, the precision of the time interval between reservations of the same vehicle, the physical geolocation of your company, the specification of the routes available in the reservation system, and much more

Download Demo | Web hosting

2. Security Ninja PRO

Security Ninja PRO is another WordPress Plugin premium that will help you improve your website security perfectly. It offers a plethora of options and features that will allow you to take charge of every part of your website's security.Security Ninja PRO wordpress plugins protect site against malware virus attacks

Its features are: more than 40 security tests available, a complete scan of your website in order to detect all vulnerabilities and security vulnerabilities, the integration of a malware scanner, safeguarding the activities of your website, planning different scans and much more

DownloadDemo | Web hosting

3. WooCommerce Category Discount

WooCommerce Category Discount is a WordPress Plugin premium that allows you to manage discounts in your WooCommerce online store. While it's important to strategically create rules for discount offers, things get complicated when you have multiple products and want to offer discounts based on multiple parameters.Woocommerce Category Discount

This WordPress plugin offers well-defined solutions to help you define discount rules in your online stores. It offers great functionality that lets you decide when you want to make a discount. By default, this plugin provides the discount for the current purchase.

See also our 7 WordPress plugins to add a private messaging

However, you can also provide the discount to your customers for the following purchase, i.e .: If you're going to give your customer $ 20 off the current purchase, instead of providing the discount, give them a coupon that can be used for the next purchase.

With this WordPress plugin, you can for example apply a discount on a category of your online store.

Download | Demo | Web hosting

Recommended Resources

Find out about other recommended resources to help you build and manage your website.

Conclusion

Here ! That's it, we hope this article has helped you display your WordPress posts in a grid layout. Do not hesitate to share with your friends on your favorite social networks

However, you will also be able to consult our resources, if you need more elements to carry out your projects of creation of Internet sites, by consulting our guide on the WordPress blog creation.

And if you have any suggestions or remarks, leave them in our section Comments.

...