wpthemedetector-logo
WordPress Theme Detector Blog

Gutenberg Editor Review

12 comments

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!

12 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.

Submit a Comment

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