Gutenberg - A default WordPress editor that is no less than a revolution!

The publishing experience on the web is about to experience a huge breakthrough with the emergence of Gutenberg. WordPress has recently brought in the wave of joy amongst developers and publishers by launching Gutenberg - the all new & innovative editing software. And just after a couple of days from its launch, Gutenberg has already become the talk of the tech town. So, let us take you on a tour of exploring this amazing software, launched by the name of Gutenberg. Or even better, let ‘Gutenberg’ give an introduction of itself for your better understanding!
 

Hello! I’m ‘Gutenberg’
I’m the all-new decoupled React-based editor that comes by default with the latest version of WordPress 5.0. But I’m also not ‘just an editor’, as you may think of me to be. With me on your side, you can focus more on your content and less on the technical load. Of course, editing is my core strength but I’m designed to revolutionise the entire business of website publishing, along with the benefit of customisation. I’m here to replace the old tools like ‘TinyMCE’ and transform the way content editing is done by the developers, per se, shortcodes, widgets, menus, et al. I’m built using React and the block-based system that is controlled and edit by the client.

Gutenberg - A default WordPress editor that is no less than a revolution!

Now, let me give you a quick-info about my strength:

  • I reduce the visual difference between the way a content crafted on the admin’s end and how it is rendered on the frontend.

  • I help in unifying various parts of the site-building process, for eg. customizer and widgets.

  • I’m an advanced page builder plugin.

  • I don’t differentiate between the size and type of the devices.

  • I create modern and multimedia heavy layouts in an easy manner.

  • I add a new menu to the dashboard for creating a new post.

  • I come with more writing space, even for smaller screens.

  • I offer the possibility of editing the post setting, which also widens up the screen.

  • I make the shift between the visual editor and text (code) editor, easy and quick.

  • I allow the user to create blocks directly from the text editor mode.

  • I allow the user to edit, delete or move the highlighted block up and down.

  • I allow the user to insert, arrange and style the multimedia content, without being high on technical literacy.

  • I allow the user to drag and drop the images directly into an image block, which is pretty much similar to the visual editor.

  • I also come with a range of new visual styles and the option for cover text.

  • I come with an informational popup for word count, a number of headings and blocks for a quick view.

  • I make the embedding of media content super easy, from a host of popular platforms.

  • I work well even when operated from your mobile.

I can go on and on talking about my strengths, but being a modest one myself, I’ll leave a few things up to you to discover. By the way, the classic editor of WordPress will also be available as a plugin if one wishes to use it.

Gutenberg - A default WordPress editor that is no less than a revolution!

A critic’s tip I’m thinking to work upon:

It’s always good to take the critics rationally, instead of emotionally, I believe. And that’s what I, Gutenberg, just did with my critical comments. There’s always a room for improvement, no matter how huge one is. And here’s what tops my list of improvement:

  • To have my own database tables or some alterations to my existing table, in order to store and retrieve individual blocks in a much more radical and enhanced manner.

  • Below are those tables that I’m planning to integrate:

   - blocks

   - blockmeta

   - block_relationships

   - block_relationshipmeta
 

Well, that’s all from Mr. Editor ‘Gutenberg’. It’s now our turn to take up the charge and share some more details about this ‘talk-of-the-town’ revolution-like editor. The one that been chosen by the WordPress founder, Mr. Matt Mullenweg as the default editor that comes with WordPress.
 

Let us address the elephant in the room, too!

We’re very well aware of all the concerns that all of you, as the developers, might have about Gutenberg. So, let us straight away start with addressing them.

  • It’s not here to break sites. But if the site relies on custom meta boxes, the user may face a broken experience while editing the post after updating the site to WordPress 5.0.

  • Though, there won’t be any white screening or breaking appearance on the frontend.

Let us cite an example for the same:

  • Say, for instance, there’s a WordPress 4.9 based site using Advanced Custom Field for capturing data from specific parts. It will look as below:

Gutenberg - A default WordPress editor that is no less than a revolution!
  • The same site after being upgraded to WordPress 5.0 will look as below:

Gutenberg - A default WordPress editor that is no less than a revolution!
  • In such a scenario, the site owner or the developer is required to prepare the site in order to avoid this site breaking and protect their clients.

  • In order to do so, one needs to enable the classic editor.

  • Sharing the code for the above-mentioned preparation, as below:

add_filter( ‘gutenberg_can_edit_post_type’, ‘my_gutenberg_can_edit_post_types’ );
function my_gutenberg_can_edit_post_types( $can_edit, $post_type ) {
    If ( in_array( $post_type, array( ‘a_post_type’, ‘another_post_type’ ) ) {
        return false;
    }

    return $can_edit;
}

A Lot More in the Store!

As all of you already know by now that Gutenberg operates on and around the blocks. There’s one more CMS that’s similar to it, which is - Drupal! Well, yes. You guessed it right. In fact, a lot of Drupal’s set of blocks are available in the Gutenberg UI. Also, on one hand, when Gutenberg is built with React; on the other hand, Drupal is said to be having the best association with React ever since it has gone decoupled. So, this editing tool that comes by default with WordPress, has a wide possibility of gelling up with Drupal too. We’ll get on to that too, in detail, in our upcoming blogs. Till then, keep visiting us for more such tech info!