UPDATE: Using Gutenberg Plugins To Extend What Gutenberg Does By Default
Note: I’ve updated this post as so much has changed since I wrote about Gutenberg Plugins in November 2018.
In early December 2018 WordPress 5.0 was released. With it came the new editor, Gutenberg. It forever replaced the tinyMCE (now called Classic Editor) that worked a lot like a word processor.
Gutenberg is a block editing system. It’s something you may have seen with CMS (Content Management Systems) like WIX, MailChimp, and others. Each element (such as a paragraph, heading and sub head, media, and other content types) is created by inserting a block into a page or post.
There’s a finite number of blocks. By default, WordPress packs about 40 blocks into the Gutenberg editor. Many of these are repetitive or at least seem so. And you’ll probably never use many of these Gutenblocks.
Here’s The Problem
No doubt you’ll need blocks that don’t come with Gutenberg out of the box. Blocks that add Calls To Action, Testimonials, Pricing Tables, Accordions, and so many other content types which are not part of Gutenberg.
What are you going to do?
Want More Of This?Be eligible for service discounts and keep up-to-date with WordPress news, resources and advice delivered to you just about every Sunday.
Enter Gutenberg Plugins
It’s still early in the evolution of Gutenblocks made by third party developers. Here are a few that show promise.
Some of these plugins are in their infancy and they’re sort of beta-ish. This means I suggest you give them a thorough look before using any of them on your live site. Most of these plugins have markedly improved since I first saw them in 2018.
Most – if not all of these plugins – are available at the WordPress Plugins Repo or from the developer’s plugin site.
Here they are in the order in which I presented them during my talk at WordCamp Montclair 2019.
I’ve divided my list into 3 parts:
New to the list are Ghost Kit, Kadence and Lazy Blocks all detailed below. Keep reading to see which plugins I removed.
I’ve got a growing collection of videos to help you with Gutenberg.
Here are the User Interface blocks I demonstrated. Some of these could have been classified as Design Blocks but these blocks focus on inserting new content types that are not part of the default Gutenberg editor.
This plugin has a few block types that I found pretty unique such as a Progress Bar, a Feature Box, and a Tab block.
Don’t get fooled by the name. It is not the same plugin as Ultimate AddOns For Gutenberg.
Here’s where to get Ultimate Blocks
Blocks Demoed At WC Montclair: Countdown and Table Of Contents
Atomic Blocks – Gutenberg Blocks Collection
This one’s actually been around for a very long time – if you consider a year and a half a very long time. It’s now owned by StudioPress (Genesis). It boasts 10,000 active installs which is a decent number in this new plugin genre.
Here are the blocks you get with the current versions of this plugin.
- Post Grid Block – Block Demo
- Container Block – Block Demo
- Testimonial Block – Block Demo
- Inline Notice Block – Block Demo
- Accordion Block – Block Demo
- Share Icons Block – Block Demo
- Call-To-Action Block – Block Demo
- Customizable Button Block – Block Demo
- Spacer & Divider Block – Block Demo
- Author Profile Block – Block Demo
- Drop Cap Block – Block Demo
Get “Atomic Blocks – Gutenberg Blocks Collection” in the WordPress plugins repository.
Block Demoed At WC Montclair: Accordion
Stackable Gutenberg Blocks
This is similar to what Atomic Blocks does but it offers a different set of Gutenblocks.
Here are demos of the types of blocks currently available by the Stackable plugin:
- Container Block – View Block
- Blog Posts Block – View Block
- Feature Grid Block — View Block
- Accordion Block – View Block
- Image Box Block — View Block
- Feature Block — View Block
- Icon List Block — View Block
- Call to Action Block — View Block
- Card Block — View Block
- Header Block — View Block
- Count Up Block — View Block
- Video Popup Block — View Block
- Pricing Box Block — View Block
- Testimonial Block — View Block
- Team Members Block — View Block
- Notification Block — View Block
- Number Box Block — View Block
- Expand / Show More Block — View Block
- Button Block — View Block
- Ghost Button Block — View Block
- Blockquote Block — View Block
- Pullquote Block — View Block
- Divider Block
- Spacer Block
Get the Stackable plugin.
Block Demoed At WC Montclair: Video Popup
Best way to describe Ghost Kit comes from the WordPress Repo.
“Ghost Kit is a blocks collection, powerful extensions and templates for Gutenberg block editor. With this collection, you will gain more control over content just like with popular page builders. Just start with responsive Grid block and you can’t stop building the page.”
Block Demoed At WC Montclair: Carousel
For my demonstrations of design features I chose these Gutenberg plugins. To be sure these plugins also have UI blocks as well.
Some of these plugins are being used to create templates which is the future of Gutenberg’s development.
Ultimate Addons For Gutenberg
This one maybe the newest kid on the block (pun intended) and it has great potential.
It currently packs 17 advanced blocks in the Gutenberg inserter. (That’s where the blocks are located.)
The one I like the best is the Advanced Columns block. Whereas the default columns block is very limited, this block gives far greater control over layout options such as the width of and space between columns, the ability to add background color, and a border around a column.
Get Ultimate AddOns For Gutenberg plugin.
Block Demoed At WC Montclair: Price List and Advanced Columns
Page Builder Gutenberg Blocks – CoBlocks
This plugin presently packs 16 blocks, some of which are very cool and useful. There’s a pricing table, accordion and a row block to name a few that got my attention. The latter provides options to set margin, padding and gutter dimensions which you can’t do with the standard column block.
The show stopper is the shape divider block. Rather than use an image or a horizontal rule to separate content chunks, the shape divider is SVG put to great use. Changing shape styles, size and color is easy. Fun too!
Block Demoed At WC Montclair: Shape Divider
Like many of these plugins Kadence is an
embryonic page builder that augments Gutenberg.
Here are the blocks that come with .
- Row Layout – View Block
- Advanced Heading – View Block
- Advanced Button – View Block
- Tabs – View Block
- Accordion – View Block
- Testimonials – demo
- Icon – View Block
- Spacer / Divider – demo
- Info Box – View Block
- Icon List – View Block
Block Demoed At WC Montclair: Row Layout
ThemeZee – Magazine Blocks
Want to change your boring blog archive page into a magazine style blog?
The Magazine Block adds these blocks to Gutenberg:
- Magazine Grid
- Magazine List
- Magazine Columns
- Magazine Horizontal
- Magazine Vertical
This really opens up the possibilities on how to style your blog.
Download the “Magazine Blocks” plugin from wordpress.org.
An exploding sub-category of Gutenberg Plugins lets you do it yourself – or as much of block building as you’re comfortable doing.
Both of these plugins are not really block building from scratch. But both let you build block interfaces that make templating much easier. If you are familiar with Advanced Custom Fields plugin (which recently announced features similar to the two blocks below) as a part of the premium version of the ACF plugin you will better understand how these two plugins work.
This one is the most compelling to me. It offers the most flexibility as it gives you the ability to create a block that you might not be able to get with any plugin.
You need to do a little code work, but it’s hardly heavy lifting. Have a look at this video and you’ll see how it works.
Get the Block Lab plugin.
Demoed At WC Montclair: Building A Membership Template
This plugin, aptly named, is similar to Block Labs but defers in that there are fewer coding steps involved, hence the name.
Get Lazy Blocks.
Demoed At WC Montclair: Building A Travel Itinerary Template
Plugins Removed From My November 2018 Post
Gutenberg Cloud Block
This was one of my favorites because it works as a platform by which many developers can add blocks to a common library that users can access.
Having said that, I’m a little disappointed to see there are still just a few blocks in this plugin.
The way this works is so WordPressy. Just install the Cloud Blocks and you’ll see it works just like adding themes and plugins to your site.
Reason For Removal: This plugin was gone no where. Too bad. Great concept.
Disable Gutenberg Blocks – Block Manager
WOW! After telling you about all those new plugins with their new blocks you’re going to end up with Gutenbloat!
Chances are you’ll be installing plugins that feature blocks you’ll never use nor want to see.
Suppose you install a plugin that has one great block and nine you’ll never use.
A great way to disable those blocks is with this plugin.
Starting managing your blocks with Disable Gutenberg Blocks – Block Manager
Reason For Removal: No longer needed. Gutenberg now comes with a Block Manager to turn off blocks you no won’t need or use.
It’s A Whole New Ballgame
As the Gutenberg era begins there will be big winners and losers. The winners will be developers that see Gutenberg as a disrupter providing an opportunity to create plugins that will make Gutenberg a tool that customizes to users’ needs.
Many of these plugins have released – or will certainly plan on it – a premium version.
While this is a golden opportunity for plugin developers to create all sorts of Gutenblocks, not all of what they create will succeed. WordPress users, like you and me, will determine that.