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.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
Download | Demo | 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.
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.
- How to use an SMTP server to send emails on WordPress
- How to edit admin email on WordPress
- How to rearrange WordPress articles into 2 methods
- How to manage email notifications in WordPress
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.
...
jak to zrobić bez tej wtyczki? bo nie jest dostępna już
hello Weronika
This WordPress plugin still exists at the following address: Post Grid
Hello,
I am using Post Grid and would like to put my first post on one column and the following ones on two columns. Is it possible with this plugin? If not, do you know of a similar plugin that would allow this?
Thank you in advance.
Sincerely
Could you walk me through the steps from the start. Thank you
Hello, how do we integrate these photos to obtain the grid presentation with the title, the comment and the read more button. Thank you
Hello,
What part of the tutorial seemed to you difficult to understand. I can explain that part.
Goods.
Hello, on this tutorial we can already see your images, what I did not understand is where and how we insert the images, the title and the read more. Thank you
Hi,
You don't need to add the images, because the images used are from your blog posts. All you have to do is configure the layout and use the shortcode.
OK, thanks
Hello,
When I click on my blog menu, why is it not displayed in a grid?
Goods.
Roland
Good evening, you need to follow the instructions so that it is displayed as a grid.
Hello,
I can't figure out where I can embed this code. By going to the editor of my site (appearance tab), the code does not do its job ...
Hello,
Have you used a CSS plugin?
Can I choose to publish an article category only? I can't figure out how to do it.
Hello René,
In principle yes it is possible.
Hi,
Indeed it is possible.