How to Display Post Grid Layout via Gutenberg WordPress Plugins

WordPress sites power more than one-third of the internet. And this fact exemplifies the popularity of WordPress. Well, the beautiful thing about WordPress is how easy it is to use. Because of WordPress, even people with non-technical backgrounds can set up their sites.

Stated differently, WordPress sites remove that web development barrier to people and allow anyone to create their site. However, the purpose of this post is to educate you on a fantastic plugin that has recently come out on WordPress. It’s called the Gutenberg WordPress Plugin.

And this plugin is the next big thing for bloggers.

So, if you have a blog section on your site, you need to fill it up with high-quality content that people want to read. But even after creating some spectacular content, your written pieces might not be attracting the right kind of attention.  

Maintaining an internet presence is all about enhancing the user experience. That is the determining factor that plays a vital role in the popularity of your site.

Even though you might have some great content on certain topics, your visitors might not know about it. This can be because of the lack of backlinks due to which your content isn’t getting that visibility.

Setting visibility aside, you also need to let users know about the various genres in which you have written. This means that you need to set up your blog in a way that allows users to easily see snippets of your past posts. And it is precisely in this region that the Gutenberg WordPress plugin can help you. You should also know that this plugin also happens to be the best WordPress grid plugin.

Installing the Gutenberg WordPress Plugin

To use the Gutenberg WordPress plugin, you need to first login to your WordPress site. Once you’re inside the WordPress admin panel, your screen should look something like this.

WordPress Dashboard

Now that we’re inside the WordPress dashboard, the next thing that you need is to do is click on the plugin dropdown menu. After clicking on it, you will see three options:

  1. Installed plugins
  2. Add new
  3. Plugin editor

You should click on “add new” button.

Plugin Installation Menu

After that, you should click on the search bar and type Gutenberg Post Blocks. You want to install the plugin and activate it. Once you’ve done that you’re ready to move on to the next step.

Using The Gutenberg Post Block Editor

To give you an idea of how to use the Gutenberg Post block editor, I am going to create a new page from my WordPress admin panel.

I am going to name the page “Lifestyle”.

And this page will contain all articles on my site with the lifestyle tag.

See, I have created a page called “Lifestyle.”

The next thing that I want to do is click on the “Add Block” option.

So after clicking on the “Add Block” option, I chose the Gutenberg post block editor option.

The Gutenberg Post block option has three pre-installed post grid options for you. The benefit of using this option is that it allows you to control how the posts on your pages will be structured. There are three pre-set settings that you can make use of to determine how the blog posts on your site will be structured.

Trying out the Post Grid #1 Blocks

So, as we can see, the post grid #1 option allows you to arrange blocks side by side. This is how my webpage is supposed to look. Now, let me give you a quick glance at how it actually looks. After clicking preview, here’s what happens:

Post Grid #1 Blocks

So, you see the stuff looks almost like the content displayed on my dashboard. On the right, you will see something like this:

If you don’t want to fine-tune your settings, then you can choose any of the five designs available.But if you want to tamper your settings, you can control the number of columns.

The number of columns represents the grid where your post will be displayed. If you choose four columns, then 4 square boxes will appear in one line.

You can also make your site mobile responsive and control the number of columns by toggling through the list of available devices beside the column feature. Other options you can change include controlling how the different headings will appear on your page. You can also adjust the gap between the two grids. When the excerpt option is turned on, your visitor will be able to read the first few lines of your content, and if they are interested in your post, they will click it.

The plugin also allows you to offer useful information about what category of post it belongs to. Also, you can choose to select what kind of metadata you want to display at the front-end of your website.

Other intriguing features of this plugin include:

  1. Read more option
  2. The pagination option (other subsequent blog posts belonging to the same category)
  3. The image overlay option
  4. Alignment option

And that’s not all that this free plugin has to offer. Furthermore, if you hover over to the advanced setting option, you will see something like this:

This plugin will enable you to control the margin, the padding, the background, and the z-index. Just think about how convenient this plugin will make your life. You can design your responsive website without having to write a single line of CSS.

Merely tweaking with the options will let you design a beautiful website that your visitors will love. Moreover, if you want to add some additional design to your site, you can also add custom CSS as per your requirements.

Remarkable, isn’t it?

There are also two other post grid options. You can get a look at how the content will appear by going visiting this link.

Using the Query option in the plugin

Once you have chosen your preferred preset post grid layout, you can make your own customizations. The Advanced Query Builder enables you to make your own changes. The query builder allows you to make queries into your “wp-content” folder for both posts and pages. 

And in case, you are not clear on posts and pages, let me explain to you the basic difference.

Posts are content types which have a time aspect to it, while for pages on your site, the time aspect is irrelevant. Once you have chosen your preferred preset post grid layout, you can make your customizations.

The Advanced Query Builder enables you to make your changes. The query builder allows you to make queries into your wp-content folder for both posts and pages.

And in case, you are not clear on posts and pages, let me explain to you the basic difference. Posts are content types which have a time aspect to it, while for pages on your site, the time aspect is irrelevant.

So, the advanced query builder in the Gutenberg Post Block Plugin allows you to control the number of posts you want to display in your post grid. Furthermore, it also allows you to sort blog posts on your page, depending on category and date.

You have the option of including specific blog posts. And this is a very handy feature. You would want visitors to your site to read your best-performing blog posts. At the same time, you don’t want them to read past blog posts that were of poor quality.

And with this plugin, you can exclude those blog posts as well. And finally, you also have the option of offsetting the starting piece of content that you want to display on the post grid of your page.

Your new blog posts may not have been image optimized, so you might want to refrain from displaying that on your blog. And here’s where the offset option comes into play. 

Who should consider using this plugin? What kind of websites can you design with this plugin?

Well, the plugin is ideal for people from both technical and non-technical backgrounds. It’s a great tool that allows you to save vital time and makes your first steps into the digital world easy. You can design the following kinds of websites with the help of this plugin, viz:

Reasons Why You Should Consider Installing The Gutenberg Post Block Plugin

Plugins extend the functionality offered by WordPress sites. Also, it helps you save precious time. So, if you are looking for a grid plugin for WordPress that’s free, then this plugin is ideal for you.

Final remarks

The Gutenberg Post Blocks plugin is a very promising plugin using which blogging on your site will become very convenient. So, try it out. Not only will it help you save time, but it will also help you save money. It’s a terrific tool if you want to arrange the blog posts on your site in a post grid format or a post list format. Get the Gutenberg Post Block plugin for your site now!

Written byQuazi Yousuf

Quazi Yousuf is a blogger for hire with a background in SEO optimized Technical Writing. He helps clients grow their web visibility by writing primarily about digital marketing, WordPress, and technical topics. In addition, he has a knack for writing killer copy that helps your brands catch fire. If you would like to work with him, please send him an email at sayera1900@gmail.com

Leave a Reply

Your email address will not be published. Required fields are marked *