One of the most promising aspects of the Gutenberg block editor is the ability to add your own custom blocks. They can consist of just about any type of formatted content or functionality you can imagine.
And while you can certainly build your own custom blocks, sometimes that’s a bit like reinventing the wheel. This is especially the case when you want to add a common element such as a testimonial, post listing or timeline. Most likely, these blocks already exist and can be easily added to your website.
Since Gutenberg’s inclusion in WordPress core, the developer community has released a number of different block plugins. Most tend to include a collection of blocks that could come in handy while building your site.
Today, we’ll introduce you to some of the top custom block collections available for WordPress. Let’s get started!
- Gutenberg Blocks – Ultimate Addons for Gutenberg
- Page Builder Gutenberg Blocks – CoBlocks
- Gutenberg Page Building Toolkit – EditorsKit
- Kadence Blocks – Gutenberg Page Builder Toolkit
- Atomic Blocks – Gutenberg Blocks Collection
- Gutenberg Blocks and Template Library by Otter
- Advanced Gutenberg
- Advanced Gutenberg Blocks
- Get Some New Building Blocks
Ultimate Addons for Gutenberg includes 20+ custom blocks that cover a wide range of use cases. When it comes to layout, the Advanced Columns block lets you create a highly-customized multicolumn row. There are also blocks for adding Google Maps, icons, CTAs, post carousels and more. That’s just scratching the surface of what this free plugin can do.
Backed by GoDaddy, CoBlocks is a free WordPress plugin that supercharges Gutenberg. While it offers a number of handy custom blocks (accordion, alert, hero, logos, masonry gallery, pricing table, etc.), its big selling point is in page layout. Offering a more page builder-like experience, rows and columns can be dragged to size and customized for responsive layouts. Typography is also highly-tweakable as well.
EditorsKit is a bit different than the other plugins in this collection, as it’s more about extending the blocks already included in Gutenberg. The rich text formatting features allow you to further style your content, or wipe out all custom styles with a single click. You can also control the visibility of blocks based on device, login state or even custom field values. In addition, there are a ton of productivity tweaks, like support for markdown, code editor syntax highlighting and the ability to import or export specific blocks. With so many goodies, it may just make Gutenberg feel like a completely different experience.
Kadence Blocks offers a dozen custom blocks that cover common needs. Included are row layouts, advanced galleries, tabs, info boxes and testimonials – among others. It also aims to solve one of the more frustrating issues with Gutenberg – the width of the editor on the back end. The plugin contains preset widths that enable content creators to get a better representation of what pages will look like on the front end.
Use Atomic Blocks to quickly build highly-customized WordPress posts and pages. Among the highlights are the Section & Layout block, which includes a selection of readymade content layouts. Simply add a layout and customize the content. There’s also a Newsletter block, which allows visitors to sign up for your MailChimp list. The Share Icons block can help your content go viral. But that’s only a taste of the 20+ elements included.
With an aim to both speed up content creation and add different content types, Gutenberg Blocks and Template Library is a compelling option. Much like Atomic Blocks above, the included Section block offers a number of pre-designed templates and layouts. There are also a number of customizable elements such as Google Maps, post grids, author info and a block for Font Awesome icons.
Sure, Advanced Gutenberg comes packed with a number of custom blocks (post sliders, WooCommerce products, advanced tables, advanced lists, etc.). Those are all nice and handy. But the really interesting feature here is the ability to create “edition” profiles, which allow you to turn blocks on or off for specific users or user roles. For example, if you only want administrators to have access to the Column Manager block, you can easily set it up. This helps to ensure that lower level users don’t wreak havoc on your designs.
Furthering your ability to tweak Gutenberg, Advanced Gutenberg Blocks lets you disable any native blocks you don’t need. You can also customize the editor’s width, create default color palettes and font sizes. And yes, there are a number of new custom blocks available, such as notices, WooCommerce products, banner ads and click-to-tweet.
Get Some New Building Blocks
The default blocks that come with Gutenberg are useful and are constantly being refined. But to create a true page building experience, you’ll want to add some custom elements.
That’s where the plugins above can help take your website to greater heights. Not only can you add different types of functionality and content, but you can also take greater charge of the editor as a whole.
The bottom line is that, if you’re going to use Gutenberg for complex page layouts, you might as well go all in. These plugins will help you do just that.