8 Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks

The WordPress Gutenberg editor brings a new block-based approach to creating content in WordPress. Rather than a single unified text box like the classic TinyMCE editor, each bit of content in Gutenberg is its own block: A paragraph is a block Each image is its own block A blockquote is its own block …you get … Read more8 Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks

The post 8 Best WordPress Gutenberg Editor Blocks Plugins: New Content Blocks appeared first on Learn WordPress with WPLift.

Spread the love

The WordPress Gutenberg editor brings a new block-based approach to creating content in WordPress. Rather than a single unified text box like the classic TinyMCE editor, each bit of content in Gutenberg is its own block:

Web Hosting
  • A paragraph is a block
  • Each image is its own block
  • A blockquote is its own block
  • …you get the idea.

One of the awesome features this opens up is the possibility for third-party developers to add their own blocks that you can use while creating content with Gutenberg.

That potential has already led to the release of a number of quality Gutenberg blocks plugins.

In this post, I’ve collected eight of the best Gutenberg blocks plugins that give you access to awesome new content blocks in Gutenberg.

Check ’em out if you want to expand what the Gutenberg editor can do!

How Do Gutenberg Blocks Plugins Work?

The way that Gutenberg block plugins work is pretty simple, but I still want to lead with this section because the Gutenberg editor is brand new and you might not be familiar with it yet.

Basically, all of these plugins are just “plug and play”. That is, all you do is install and activate the plugin. Then, you can immediately start using your new blocks from the regular Gutenberg interface.

The 8 Best Gutenberg Blocks Plugins

1. Atomic Blocks

atomic blocks gutenberg blocks plugin

Atomic Blocks is a set of new Gutenberg blocks from the same team behind Array Themes, a popular theme shop with a great reputation for writing quality code.

Currently, Atomic Blocks adds 11 new blocks, with more on the way:

  • Post grid
  • Container
  • Testimonial
  • Inline notice
  • Accordion
  • Share icons
  • Call-to-action
  • Customizable button
  • Spacer & divided
  • Author profile
  • Drop cap

Once you install the plugin, you’ll get a new Atomic Blocks section in the Gutenberg interface:

new blocks for the WordPress gutenberg editor

If you want to see live demos of all the blocks, head here and scroll down. You’ll get an option to click View Block Demo for each block.

All the new blocks are built to work perfectly with the associated Atomic Blocks WordPress theme – but you can use Atomic Blocks with any theme.

Get Atomic Blocks

2. Stackable

stackable

Stackable is another Gutenberg block plugin that seems to be getting some traction. It currently offers 17+ new blocks, including some more advanced blocks.

You can check out the full list on the plugin’s page, but here are some of my favorites:

  • Pricing box
  • Countup
  • Video popup
  • Testimonials
  • Team members
  • Call to action
  • Improved button
  • Expand/show more

Like Atomic Blocks, you get a new Stackable area in the Gutenberg interface after installing the plugin:

gutenberg pricng table block

The blocks look pretty great and you get a good number of customization options for each block in the sidebar.

Get Stackable

3. Advanced Gutenberg

advanced gutenberg plugin

Advanced Gutenberg is a neat option from JoomUnited that we recently reviewed in more depth. Unlike the previous two plugins, Advanced Gutenberg adds more than just blocks.

You do get new blocks, though – 12+ new blocks to be exact, including blocks for:

  • Icon lists
  • Google Maps
  • Accordions
  • Tabs
  • Advanced tables
  • Advanced buttons

Beyond that, Advanced Gutenberg also adds some back-end settings, the most powerful of which is access controls for Gutenberg. You can create custom “profiles” for user roles or individual users that control exactly which blocks those users have access to:

gutenberg editor roles

Get Advanced Gutenberg

4. Advanced Gutenberg Blocks

advanced gutenberg blocks plugin

Not to be confused with Advanced Gutenberg above, Advanced Gutenberg Blocks adds 10+ new Gutenberg blocks, with some of the most notable ones being:

  • Website card preview (creates a preview that looks like what happens when you share a website on Facebookrequires a free OpenGraph API key)
  • WordPress plugin card (lets you display information from WordPress.org in your postsgreat for WordPress blogs)
  • Testimonials

website preview

Beyond adding new blocks, the plugin also lets you hide Gutenberg blocks from the interface (including default blocks).

Get Advanced Gutenberg Blocks

5. CoBlocks

coblocks

CoBlocks brands itself as “Gutenberg Blocks for Content Marketers”, which should give you a good idea of who the target audience is for this plugin.

Built by the same team behind ThemeBeans, CoBlocks currently adds 10+ new blocks, including some unique ones like:

  • Author block
  • Dynamic HR block
  • Click to Tweet block
  • Gif block
  • GitHub block
  • Pricing table block
  • Accordion block

All the blocks sit inside a new CoBlocks section in Gutenberg:

click to tweet gutenberg block

Get CoBlocks

6. Bokez

bokez

Bokez doesn’t have many installs right now, but that pretty much describes most plugins that add new Gutenberg blocks at this time.

Currently, Bokez adds 13+ new blocks to Gutenberg, including blocks for:

The blocks are mixed in with all the other Gutenberg blocks, which makes them a bit hard to find. But once you find them, they look pretty good and give you plenty of customization options:

pricing table block

Get Bokez

7. Kadence Blocks

kadence blocks

Kadence Blocks is unique in that its more focused on adding layout blocks than content blocks, at least right now.

For example, right now the biggest feature is probably the Row Layout block. This one lets you nest 1-6 columns inside, which can contain any of the other blocks you have access to.

You can also add your own backgrounds, as well as custom margins/padding for both desktop and mobile devices.

I played around with it on my test site and found it more usable than the current beta column widget in the Gutenberg core. It functions a lot like setting up a row in a page builder and gives you different column structures:

gutenberg row block

Beyond the Row Layout block, you also get access to:

  • Advanced Heading – this one helps you customize your posts heading.
  • Advanced button
  • Icon
  • Spacer / Divider

All the blocks are modular, which means you can deactivate any blocks that you don’t want to use.

I’m excited to see how this one develops, as right now columns are still one of the areas where Gutenberg is lagging.

Get Kadence Blocks

8. Editor Blocks

editor blocks

Editor Blocks is another good option that adds new content blocks to Gutenberg. Currently, Editor Blocks adds 10+ new Gutenberg blocks, including:

  • Hero Block (my favorite) – makes it really easy to create hero areas with a CTA.
  • Pricing table
  • Team members
  • Wrapper block
  • Testimonial
  • Brands (e.g. a logo grid of customers or places that you’ve been featured)

The blocks look pretty great. And I love that they’re branching into “bigger” things like full hero sections:

gutenberg hero block

If you want to see them all in action, this page is built completely with Editor Blocks.

And like Atomic Blocks, there’s also an optional Editor Blocks theme that’s built to pair well with all the new blocks.

Get Editor Blocks

There Are More Gutenberg Blocks Plugins On The Way

At the time that we’re initially publishing this post, WordPress 5.0 still hasn’t been released.

Once Gutenberg becomes a part of the core, we’ll surely see more developers doing even neater things.

But for now, these plugins are already doing a pretty cool job of extending Gutenberg’s functionality and giving you more control over your content.

If you’re already going full-steam ahead with the plugin version of Gutenberg, give them a look! And if you’re not, remember this post for when WordPress 5.0 ships because it will help you make Gutenberg more powerful.

Have any other Gutenberg add-on plugins that are worth sharing? Let us know in the comments!

Facebook Comments

More Stuff

10 Awesome Gutenberg-Compatible WordPress Themes 2... If you haven’t heard already, the Gutenberg editor will soon become the default WordPress content editor once WordPress 5.0 ships.If you want to get...
Advanced Gutenberg Review: New Blocks + User Acces... Unless you’ve been living under a rock, you know that the WordPress content creation experience is about to get a massive makeover in the form of the ...
Bibblio Review: Maybe The Best WordPress Related P... When you’re running a website, you should always be seeking out ways to get your visitors more engaged.I mean, you spend so much time finding ways t...
Hello Bar Review: Hands-on With This Flexible Mark... Considering using Hello Bar on your site? Read my Hello Bar review for a hands-on look at the pros and cons of this popular freemium tool.In gener...
Spread the love

Posted by News Monkey