I’m a big fan of grid layout when it comes to modern design elements. Not only it looks aesthetic but it also allows your visitors to view more content above the fold. That’s why I prefer using grid loop in almost all my projects.
Bill Erickson has written a plugin for Genesis Grid and it’s very handy if you’re looking for a nifty plugin to display your blog posts in grid format. However, instead of using the plugin, you can simply use a few line of php codes in your functions.php and some css to achieve a grid view.
In fact, the code in this post belongs to Bill Erickson, but I’ve modified it slightly for my own projects.
Assuming you’re fully familiar with FTP client, let’s proceed with the tutorial.
One of the great things about the new WordPress block editor (Gutenberg) is that you aren’t just limited to the default blocks. That is, you can also install WordPress block plugins to add all kinds of new content and layout blocks.
With these blocks, you can make the block editor feel much more like a page builder, where you’re able to easily create multi-column layouts, insert styled content – like testimonials or a pricing table – plus a whole lot more.
To help you discover some of your options, I’ve collected 8 of the best block plugins for Gutenberg.
Let’s dig in…
When you insert it, you’ll be able to choose your desired column structure, and you can also manually adjust the width of each column using drag-and-drop:
Beyond creating custom widths, you can also add backgrounds and borders and control responsive design.
- Advanced Button
- Advanced Heading
- Info Box
- Icon List
Here’s a look at what types of things you can do with the new Shape Divider block:
If you’ve ever worked with the Pods plugin, it’s quite similar to the approach that Pods uses.
While you’ll definitely need some basic HTML and CSS to get the most out of this plugin, it’s about the simplest solution you’ll find to be able to create your own block in Gutenberg.
Beyond that, another unique thing about the Atomic Blocks plugin is that you can also pair it with the dedicated Atomic Blocks theme for a unified experience. However, you certainly don’t need to do that, and the plugin works with any theme.
Final Thoughts on the Best Gutenberg Block Plugins
All of these plugins help enhance the new WordPress block editor by giving you more options when it comes to layout and content.
However, you’ll still need to understand the core block editor interface to get the most out of these plugins.
If you still haven’t gone “all-in” with the new editor, we have some posts to get you up to speed. First, you can check out our WordPress block editor tutorial. And if you want to see how it stacks up to the older editor, check out our Block editor vs Classic editor comparison.
Any questions about how to use these WordPress block editor plugins? Ask away in the comments section!