Gutenberg Block Editor - Avoid the Traps


In this post I want to look at some gotchas when using Gutenberg, the new WordPress block editor.  The demonstration is very visual and I’m not going to try to capture it all in screenshots.  I recommend watching the video for that.  Here I’ll review and summarize the issues.

To illustrate the issues, I’m going to look at the built in core columns block. the Kadence Row Layout block, and the Ultimate Addons for Gutenberg Advanced Columns block.


Before the block editor, the main drawback of the classic editor was that there was no built-in way to create columns.  Many people used column shortcodes, but these didn’t interest me at all.  Probably half the times I used Beaver Builder it was because I needed columns, not because I needed any fancy modules.

column shortcodes

When Gutenberg was announced it made sense to me because I knew that we needed more advanced layout options.  I was therefore very surprised with the Gutenberg team decided that columns were “out of scope” for version 1.  I very politely made the case for including columns in core, because otherwise everyone would create their own version and there would be a lot of refactoring when core eventually got around to it.

github ticket about columns in gutenberg

Core Version of Columns Block

Today, there is columns block in core.  It may still be in beta, though it was in beta at the beginning of the year.  The core columns block has no way of adjusting the columns.  Apparently you should be able to adjust the column width, but this hasn’t worked since it was first released.

core column block

Kadence Columns Block

Like a lot of people, I held off on adopting Gutenberg because I wondered if it was ready for prime time.  However, when Toolset released their beta “Toolset Blocks”, they recommended the Kadence block plugin.  Following my testing of the Toolset blocks, I was working on a post where I needed columns.  Go ahead and take a look down it’s page to find them.  I decided to use the Kadence block set and specifically the Kadence Row Layout block.

kadence column block

The Kadence version was a big step up from the core version as it offered a large number of customization options and it was possible to adjust the column widths.  However, there were small issues that caused me to be dissatisfied.  For example, the difficulty in selecting the plus sign in a circle icon for adding new blocks.

Ultimate Addons for Gutenberg Advanced Columns Block

I became aware that the team behind the Astra theme and the Ultimate Addons for Beaver Builder and Elementor plugins also had a blocks plugin.  I’ve been happy with their products, so gave that a try on a testing site.

ultimate addons for gutenberg columns block

I liked it a bit better than the Kadence version. I think it is a bit easier to select the column content and adjust the column width using the side slider.

First Two Realizations

Now I had two plugins installed that both provided an overlapping feature.  I didn’t need both so I set about to replace the Kadence columns with the Ultimate Addons version.  I found that it was a difficult undertaking.  Due to the squirreliness of the block editor, I took much longer to refactor the content than I had experience when, for example, switching content between page builders.  Switching blocks is difficult.  It took more than twice as long to refactor the content as in laying it out and adding it in the first place.

I reflected on it and have the feeling that WordPress authors may well tend to install plugins providing special blocks, thereby adding bloat and introducing all of the issues of too many plugins bring.  We need to carefully vet and consider the blocks we add.

Disappearing Content

I had the thought to disable the Kadence and Ultimate Addons plugins to see what happens when the blocks go missing.  I refreshed my test page and at first I thought things were good.

content when blocks are disabled

The side-by-side layout was gone, but the image and text remained.  I imagined that it would be easy to move these into a block, or maybe they were already some type of default block.  However, when I took a look in the editor, I found that there was just a warning with a “Keep as HTML” button.

disabled editor warning

I tried saving the page without making any other change and saw this on the front-end:

blocks disabled front-end

The content was gone, so I went back to the editor and clicked the keep as HTML buttons.  Looking again on the front-end, the content was truly gone.  Crap.

I imagine it would be possible to recover it by going back to an earlier revision, but this was definitely not a user friendly experience and I wondered how average non-technical users would handle it.

How Did We Arrive at This State?

I imagine that when the Beaver Builder and Elementor teams started coding their page builders, the first thing they did was to create the row and column modules / widgets.  For Gutenberg, on the other hand, columns were added later, and it shows.


I found three traps when using the block editor.

gutenberg traps - conclusions

The first is to avoid the tendency to install lots of block plugins.  Doing so can lead to bloat and security issues if they are not well maintained.

Secondly, it is difficult to refactor block content.  When Beaver Builder and Elementor, you see an indication in the UI that a post was editor using the page builder.  There is no way to know which posts you used a block on.  You have to go through them one by one if you decide to replace one.  This also will tend to increase the number of block plugins installed.

Finally, the resultant loss of content when a block plugin is disabled is as bad or worse than the old “shortcode soup” that we would see with Divi, for example.  Back in those days, we would all point out that you had better decide to use Divi forever as there was page builder lock in.  The same is true for Gutenberg … on an individual block level.  If a block is disabled then youa re left with gobbledygook:

gobbledygook left when blocks disabled

I imagine that the loss of content is perhaps another result of the way that Gutenberg was architected.  There should be a standard fall-back process that all blocks implement to preserve the content.

So, this was my experience when using Gutenberg.  I share it in the hopes that you can avoid the mistakes and the time wastes that I experienced and use the block editor, if you do, more wisely.  I hope you found something useful in this post.  Thank you for reading.

Some of the links in the post above are “affiliate links.” This means if you click on the link and purchase the item, I will receive an affiliate commission. You will still pay the same amount so there is no extra cost to you. I am disclosing this in accordance with the Federal Trade Commission’s 16 CFR, Part 255: “Guides Concerning the Use of Endorsements and Testimonials in Advertising.”

Similar Posts

    • Hi Scott, I did extensive testing of Toolset blocks on the first beta and found issues, so didn’t make a video. The idea is really good, but there is a lot to pack into the Gutenberg edit screen. Beta 2 is out and I think they are going to do some more refinements before release. Since it is going to change I’m not sure if I should do a video yet.

  • Thank you for this article. These are important things to be aware of. Have you checked out It looks like the a big step in the right direction, but I’m a newbie and would love to hear your opinion. Thanks.

    • I’ve seen it. They are adding good features. Themium is a good company, but I haven’t used Qubely, only tried it out briefly.

      There is a tendency for pages built with Gutenberg to have a “banded” or striped look. Kind of like the early Beaver Builder sites.

      Qubely actually has a Pro version now (that is kind of expensive). I think it is a bit early to start selling premium Gutenberg packs because Gutenberg is still under rapid development.

  • Came across your article while searching for something else. I tested Ultimate Gutenberg and Kadence Pro side by side for several weeks before ultimately deciding on Kadence.

    Like you I noticed pretty early on that I didn’t want to be running multiple different block addons.

    Kadence in my opinion as of mid 2020 has more block types that I need, and better features for styling blocks.

    His Row block is much more powerful than the equivalent in U.G. or Core…including the ability to have Entire rows hide or shown on Desktop/ Tablet/ Mobile.
    Columns inside rows can also include animations, which when used sparingly can have a nice effect.

    The developer is responsive and has great support.

    • Thanks for the comment. I’m with you on Kadence and need to go back are revise this post. The Toolset team initially recommended Kadence when they first started with Toolset Blocks and I tried it with Toolset and wasn’t thrilled. It has been over a year and the Kadence team has been going to town. They reworked many of the core controls to correct for some of the gotchas and the integration with the Kadence theme is great. I have a couple of recent posts about Kadence and I think it is one of the best options.