How To Arrange Your WordPress Blog Posts In A Grid Layout?

With WordPress, anyone can create and design a website. That much is true. But if you really want to express yourself and show off your design skills, you’ll find that WordPress’ default themes often lack some functionality you want to use or have hard-to-achieve effects.

showing Your WordPress content in a grid layout It’s one of those things that isn’t always ready to go with a WordPress theme. This is why many professionally made themes offer a grid layout – themes made specifically for blogging typically have this. But maybe you don’t have the tools for a professionally made theme or the theme you absolutely love just doesn’t have everything you want. Fortunately, this can be fixed: there are several WordPress plugins that allow you to organize your posts as a grid.

we will show you How to place your WordPress posts in a grid layout using a plugin. But first, we’ll talk a little bit about when a grid layout is useful – in some cases you might be better off with a different layout. If you are undecided on a grid layout for your WordPress website, feel free to skip the why section and go straight to the how-to section.

Why Do You Want Grid Layout?

Unlike a linear display, a grid shows your posts arranged in a matrix rather than one after the other. The grid is a way to organize your posts in rows and columns and often include title, featured image, post author, date, etc. means to display data such as You can see a typical perspective in this demo of our Stockholm theme:

But what’s the use?

First of all, a grid layout more efficient in terms of spaceand it will allow your website visitors to provide a quick overview of your posts and their headlines, making it easy for them to find the content they want, provided your headlines are as meaningful and informative as they should be.

Second, a grid layout a good way to make your featured images stand outmaking grids an especially interesting feature for image-heavy blogs.

Third, there’s no reason to think that your table should hold all your posts. With the use of smart filters, you can have many different grids on your WordPress website. For example, you can present your visitors with a summary of your most recent posts, but you can also organize your tables by topic, category, tag, or any other attribute (recent TV reviews, your store’s best deals, all your French articles). – whatever you want, really) or let your valuable contributing authors stand out by viewing all their content.

There are also times when a grid layout is not the best solution for your WordPress website. Generally speaking, all content can be arranged in a grid, but we find that a grid works best if you have a lot of content, most of which you want accessed at a glance. For example, what good is a four-column grid if you only have three items to display in it? Just if you have a significant amount of content Will a grill save space and look good, which is something to keep in mind when arranging your grill.

How to Create a WordPress Grid Layout Using a Plugin

So, if you’re sure you want a grid layout for your WordPress posts and your theme doesn’t provide you with the required functionality, you’ll likely be looking for a plugin. The plugin we will use is Mail Grid.

After installing and activating the plugin, you need to create some new grids before you can start publishing. First, go to: Mail Grid/Add New Grid From your WordPress dashboard.

There you’ll find a preview at the bottom, along with several tabs that manage the content and appearance of a grid. You can use this plugin to create as many different grids as you want.

Inside Source In the tab, you can select the items you want to include in a grid. Default Message, but you can also select pages, custom CSS, or other elements. You can also filter your posts by post ID and set a limit for the number of posts in a grid.

You can also filter your posts by category and tags, order, author, status or search keyword.

Inside Order In the tab, you can choose between preset layout types, number of columns, featured image settings, citation settings, and link behavior.

this Area Selection tab allows you to choose which parts of the post data to display in the grid: title, excerpt, read more button, post date, author, categories, tags, and comments.

Finally, in style In the tab you have options to style your grid. You can change the colors of all the elements of your grid: title, button, button text, etc. Note, though, that in some cases, theme settings can override stylization-related plugin settings, which isn’t the case with the Bridge theme we’re using here.

Once you’ve set up your grid, you can give it a title and Publish. Your grid will now be ready to be embedded in your website. To do this, you will need the shortcode just below the header. Copy.

You can now embed the shortcode in any shortcode ready area on your website. We’ll show you how to do it in one page. To do this, create a page.

Next, click plus sign and choose Short code block. if you are a Gutenberg user, ie. if you are a Workman user, use the shortcode element, if a Classical editor user, you can paste the shortcode anywhere on the page.

Then you need to paste your shortcode into the block’s field. Once you’ve done that, just click Publish.

And your post grid page is ready!

As a result

And that’s really all for creating a post grid in WordPress. You can create as many grids as you want and use them for a variety of purposes: to showcase an author, to provide your visitors with the latest news at a glance, or to make the most of your media library when presenting your content. Whatever the reason or purpose, you can enrich your WordPress website with one or two or more easy and free grids.