wpthemedetector-logo
WordPress Theme Detector Blog

Gutenberg Editor Review

This all started when I was searching for inspiration on what to write about this month. I was sure to write some nice tutorial, I know people do like them and they are really useful. But when I contacted Luis, he asked me..  Did you hear about the Gutenberg controversy?  Why don’t you write about that?

Curious enough I went to the Gutenberg plugin page on WordPress and found out very quickly it was the next step in the WordPress editor. Gutenberg is in beta as a plugin but will gonna be added to WordPress Core later as the default editor. After watching the plugin page I found out why there was such a controversy…

Download gutenberg editor

A huge amount of bad reviews, bad comments and more than 73 reviews with a 1 star rating. Surely something must had gone terribly wrong for so many people to just hate this new editor so much. The challenge was accepted. I started the installation of the new Gutenberg plugin on my own blog… Now, let’s find out together what this is all about.

Installing gutenberg editor

The Gutenberg Editor is super easy to install, only a click away and once active it will show up as an alternative to the standard editor. This is something that is “alternative” as long as the editor is in beta because, from what I read about it, it’s going to get implemented as the default editor once Gutenberg comes out of beta…

The gutenberg editor

The first look is somewhat weird and probably shocking to someone like me, who is used to the standard WordPress editor, and the first thing we notice is the block structure.

Add a heading type in gutenberg

The Editor now works as block modules. Remember when you type a text in WordPress and then press enter and immediately afterwards you add a Heading?.  That will involve 2 blocks in the new Gutenberg Editor… a Paragraph Block and a Heading Block.

Insert Types in Gutenberg

And what about adding a picture, or a gallery? Those are blocks two. Gutenberg now behaves as a block editor and each piece of content, be it HTML, text, titles, videos, images or galleries… are blocks. Immediately after working with Gutenberg you start to realize the potential this new editor has, because each block of text is a separate block that works as a block, you’re free to move it up or down the line. The same with pictures, galleries, titles and any block you add.

Image types - Gutenberg Editor

Gutenberg provides the basic blocks you’re used to handle on the standard WordPress Editor, with added blocks such as the Featured Blog, which will show a picture with a center text.

Extra blocks are added for more easy handling of content, such as Social Network blocks, Youtube, Vimeo and a vast array of video blocks for easy video insert, or the new Gallery block that will easily create a justified gallery like the one we now have on Jetpack.

Adding classic text

Adding a standard block like the one in the default WordPress Editor is still possible, but, somewhat hidden in the Classic Text block. The beauty of the new Gutenberg Editor is that all the main blocks you use are piled up in the Recent Blocks for easy access, making a blog entry so much easier to make.

One of the most vile and rudimentary bugs of the actual WordPress Editor is the inhability to separate blocks properly. Whenever you add a picture or gallery you have to have extreme caution not to erase it by mistake when adding text, also text can get mixed up with gallery links, it’s basically a disaster.

Users who, like me, work with the actual WordPress editor, spend 50% of the time adjusting text, trying not to mess with titles, removing parts without breaking galleries… And since there is no indication whatsoever when a paragraph ends and when a video or gallery block starts, having a new editor that does blocks separation is almost like godsend. Believe me when I say this, I work from 4 to 6 hours straight, from Monday to Friday, inside the WordPress Editor… Gutenberg is almost revolutionary in the way it handles content, it makes the life of editors, magazine and blog writers so much easier.

The old classic look in gutenberg

The standard editor is still there, and Gutenberg even provides an HTML block. The beauty of Gutenberg is that you can actually ignore it and write your whole article inside a standard Classic Text, but I’m sure you won’t want to do that once you discover how easy is to separate all your sections and move blocks up and down for easy customization.

block options in gutenberg

Gutenberg does not end here, you have easy access to basic controls like font size, colors, block alignment and background color. This can work alongside tables for example, for easy building of comparison tables, you can now do 2 columns text blocks and buttons, you can put emphasis on the first letter to improve aesthetics and format blocks with ease. Gutenberg works very similar in how current frameworks for building websites work. People that use Elementor or Divi will find the new Gutenberg Editor very straightforward.

In the above example you can see how buttons and tables are created, with a new block type and without messing up the rest of the blocks.

The actual code…

Gutenberg works exactly like Divi, when you edit the actual code, you’ll see that Gutenberg add tags for each block you specify in the HTML code.

gutenberg actual code

This is a good thing because Gutenberg will allow website builders to quickly customize each block of the blog posts to their hearts content without having to mess with the actual theme code. And if this editor goes into Core, your customizations will work across all your WordPress installations without depending on a specific theme.

Some potential problems

Of course, Gutenberg is not just nice and shinny, there are some potential problems that may arise. The prime problem could be the usability of old and current plugins that depend on the current editor to insert new buttons, as well as the ones that depend on the use of shortcodes. Those may or may not work with the new Gutenberg editor, and WordPress will need to evaluate how to properly implement this new editor so as to not break compatibility with such a vast array of plugins. This is something that will forever exist in technology, all change demand adjustments.

Wrapping Up

I find the fact that so many people hate Gutenberg a little disturbing. Gutenberg is just great, and there is no other way around it. Block separation is just a brilliant idea, and people who are used to deal with the horrible outdated WordPress Editor will absolutely love the new Gutenberg Editor. The only probably answer to why so many people hate it is the same reason people hate stuff these days.. They hate change.

Market is built on change, you cannot evolve without changing stuff, and the WordPress Editor was in need of a change for some time now. Gutenberg Editor is a step in the right direction for WordPress. I even heard people say they were going to go back to Joomla once Gutenberg was out. For those I say.. please by all means, go back to Joomla. If going back is your thing… do it… without hesitation. For those who love change and are tired of the same old WordPress Editor, Gutenberg promises a bright future for WordPress. If you feel the need to try it yourself, you can do so, hassle free, downloading the plugin and creating a fresh post with Gutenberg.

What do you think of the new Gutenberg Editor? Let’s hear your opinions in the comments below.

Alex Vojacek

Alex Vojacek is a full-time sysadmin for ESH, his own hosting company, a veteran in WordPress Design and a speed freak. He is also the founder of TecnoGaming, a Gaming & Tech magazine in Latin America. When he is not managing or designing something, he loves to write about technology.

Latest posts by Alex Vojacek (see all)

Liked this post? Please share it!

28 Comments

  1. I wholeheartedly agree. Gutenberg is a welcome and long-overdue enhancement. All the hate it’s getting is absurd.

  2. I really appreciate what you have offered here… I was getting caught a little bit in the concern, what was going to happen to WP, broken compatibility, etc… After reading I am now inspired to install the Gutenberg Editor plugin so I can play around and get familiar with it…

    Kind regards,
    John

  3. While I don’t hate Gutenberg, I think WP is now shifting from developers to non-tech people. Like Wix, this changes will allow more users and it will be easier for them to add/edit their own content layout.

    For me, as long as I can still write content in the backend without all that stuff, I am ok 🙂 Hopefully it won’t slow down my website.

  4. WP was initially created for non-tech people to build their own websites. Once developers discovered how flexible it was, they jumped on board and it became much more complex and required more technical skills. This is a big step in the right direction for WP. I can see why developers could be threatened if WP becomes super-easy to use though. Just my $.02…

    One big question – how will it work with WooCommerce plugin?

  5. I use pugin wp-edit, and I installed Gutemberg on localhost-test, and when I used it it looked like it was on WordPress.com! Actually, I will try it again … because to guide itself only by the comments is not rational … thanks for the article …

  6. Hello. Thank you for your article. I’m using Elementor, that you told is similar to Gutenberg, and love it so much. It works like a charm also in the free version. Just building a big, very important site with it and it will be online probably near to when Gutenberg will be included in the WordPress core. So I’m wondering what will happen to sites previously built with builders other than Gutenberg, thanks.

  7. Hello sir,
    I really like this website which show me all themes and pliging also which used on peoples website thank you.

  8. I use pugin wp-edit, and I installed Gutemberg on localhost-test, and when I used it it looked like it was on WordPress.com! Actually, I will try it again … because to guide itself only by the comments is not rational … thanks for the article …

  9. Maybe Guternberg will help people like me slowly dive into visual editing in WP but let them keep the option of using the (currently existing) default editor.
    I guess that will still make WP a simple platform to use.

  10. I love this plugin since you made it’s helping a lot of people because it’s very simple to use, but if you make a tutorial video for this plugin that will be very good because some people doesn’t know how to use it.

  11. Involvement of Gutenberg in the WordPress Core will bring a revolutionary change in the functionalities of WP. It will be of great help to non-technical people who try to stay away of codes for customization. It will even make it easier to customize the look and feel of website. Thanks a lot for sharing such helpful information.

  12. “While I don’t hate Gutenberg, I think WP is now shifting from developers to non-tech people. Like Wix, this changes will allow more users and it will be easier for them to add/edit their own content layout”

    ok really

    so be logical with yourself: use wix, it really easy, more than gutenberg/wordpress. and leave wordpress to web developpers and graphist. wordpress is a middle technology between drupal and wix : it’s easy but you must analyse a little what you want to build, and know a little basis of web technologies.

    if not, web site like company web site , institution web site would be made with wix or with microsoft word (you can convert word document in html too).
    this type of web site have functionnalities, and often they are not in plug-ins. and here, yout must build some HTML, CSS, PHP code.

    if you use only page builders, you will reduce the capacity of your web site to static sites with fixed elements. and it is not the true aim of CMS.

    then page builder must stay a CHOICE:
    – if you want to work quicly, install a plug-in like gutenberg and play…ok !
    -if we want to build a professional web site for a compagny, with complex pages, don’t force other people to use that

    but it’s not loyal “that non-tech people” impose her choice to developpers.
    wordpress is the only technology that non-tech people and developers can use togetherin the same aim…. and without web developers and plug-ins, wordpress is dead.

    it is like if you would drive many cars and don’t want that ingeneer or mecanician could work to build or repair your car… a world like that is destined to be static

    bye

    thanks to conserve this message even you disagree

  13. why manage the content impact with the management of other points that do not concern it, or even suppresses or alters them:

    example
    – the options of the screen which do not appear any more: what relation with the contents html? it will deprive us of custom fields, and breaks the philosophy of wordpress, its flexibility, its configurable side
    – the metaboxes do not appear anymore or badly managed, or in a space reduced to right (pop-up very small) before it could be on the right, below or above the contents. so this invalidates a lot of plug in like ACF, …

    I’m not the only one to mention this:
    http://idealienstudios.com/can-gutenberg-be-gutengreat/
    “Meta field frameworks (ACF or CMB2) are involved in vast majority of projects I implement.”
    https://blogsitestudio.com/gutenberg-revolutionize-wordpress-drive-users-medium/
    “There is no Screen Options tab where you can control the options on the page.”

  14. Is it possible to add custom CSS in Gutenberg Editor, like one click to get a paragraph inside a box?

    Regards.

  15. This just makes me sad…

    I have to deal with these block module style editors on my companies internal Wiki pages and it’s not a good experience.

    The end results that your readers see will probably look the exact same, but experience WordPress veterans will go crazy doing 3 extra steps for each task!

  16. There are a few cons we see in the current Gutenberg editor. It is currently missing Markdown support. While we also listed it being easier to use for beginners, we can also see this as being harder for some to learn. And, doesn’t support custom plugin meta boxes such as Yoast SEO yet. This alone makes it unusable in production right now. But it is understandable as plugin developers will now have to start testing integrations with the Gutenberg editor. But meta boxes are coming soon! As you can see in the picture below it is planned for a future release.

  17. This is very helpful for me. I’ll try to use Gutenberg for my website. Thanks!

  18. Very good and great website i love it i am check my any site theme on wpthemedetector thank you great website i like it i am daily use this is site thank you

  19. Today, I tested out the Gutenberg Plugin finally. I found it some what similar to the visual composer wherein you work with blocks which I like a lot especially if you have to test out various layouts and you don’t have much coding knowledge.

  20. I think that Gutenberg is a good thing for the WordPress ecosystem. The actual content editor is not that good and often people need to use solution like Divi and other Page Builder to get something decent.
    I’ll follow the developpment of this project since it will integrate at WordPress core (WordPress 5 if i remember correctly)

  21. Perdon me if I’m wrong but don’t we already have visual editors already? Although I pretty much hate using them since they are complicated to use.

    Will install Gutenberg editor on a test blog to see what’s it all about.

  22. I use pugin wp-edit, and I installed Gutemberg on localhost-test, and when I used it it looked like it was on WordPress.com!

  23. This is what I’ve been saying all along – roll Gutenberg into WordPress.com as the default editor and then have it as an option via Jetpack or a standalone plugin for self-hosted installs.

  24. I think that Gutenberg is a good thing for the WordPress ecosystem

  25. It looks like i need to go for gutenberg? or should i wait?

  26. I wholeheartedly agree. Gutenberg is a welcome and long-overdue enhancement. Its a nice addition in Wp and we love it

  27. I also using Gutenburg editor and its awesome .thanks

Trackbacks/Pingbacks

  1. Gutenberg Editor Revisited - WordPress Theme Detector - […] had reviewed Gutenberg in the past. If you haven’t seen our previous post about it, here it is. Gutenberg…

Submit a Comment

Your email address will not be published. Required fields are marked *