wordpress-gutenberg-editor

WordPress 5.0 Finally Released: Meet Gutenberg

It’s official now: the much-anticipated WordPress 5.0 with a new Gutenberg editor in core has just been released!

Gutenberg’s uncommon block-based approach to content management definitely opens a new era in WordPress and sparks the interest of developers and users.

Let’s figure out what does the new default WordPress editor bring us and what’s so special about it.

What is Gutenberg?

Gutenberg is a new WordPress editor that allows processing page content as blocks of different types.
Gutenberg-default-editor-release-WordPress

Before the WordPress 5.0 roll out on December 6, Gutenberg was available for download and testing as a free plugin that could be found in the official WP.org repository.
Gutenberg-plugin-download-WordPress

In WordPress 5.0, the familiar Visual editor (TinyMCE) was replaced with Gutenberg, which has become the only available editor on default.

WP users will, however, still have a chance to create post and pages with the previous Visual editor by installing free Classic Editor plugin. The plugin was announced to be officially supported until December 31, 2021.

Classic-Editor-plugin-download-WordPress

What’s good about Gutenberg?

The founder and CEO of Automattic Inc. Matt Mullenweg describes the idea of Gutenberg in the following way:

“The editor will create a new page- and post-building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes [or] custom HTML…”

In other words, Gutenberg is aimed at a more user-friendly visual management of website content.

To add any content element to your website (whether that be a simple text, image, gallery, quote, list, or even a YouTube video), you will now have to solely create a new “empty” block of respective type and fill it with your own content.
adding-blocks-Gutenberg

Let’s take a simple example: the previous Visual (TinyMCE) editor allowed adding buttons through manual coding or via installing a dedicated plugin only.

With Gutenberg, on the contrary, you can simply press Add block button, then choose a Button type of block and configure the button text and URL right away without turning to the Text editor or touching any line of code:
Gutenberg-tutorial-adding-buttons-WordPress

This explains and proves Gutenberg’s orientation on efficient and user-friendly handling of rich content.

At the same time, the editor has got text-oriented websites covered as well: it provides plenty of space for distraction-free writing (compare the current Visual editor and Gutenberg below)

Interface of the previous Visual editor (TinyMCE):

classic-visual-editor-WordPress

More uncluttered Gutenberg interface:

how-to-use-Gutenberg-WordPress

Among other advantages of the new default editor are:

  • Сustom blocks adding

Developers will be able to create their own content block types to expand the default functionality.
Read the introductory guide from the official Gutenberg Handbook to learn more.

  • Decent mobile performance

Gutenberg has adaptive design, which means it allows basic editing of pages and posts even on small screens.
Gutenberg-on -mobile-WordPress

  • Custom HTML preview

Paste a piece of HTML code to a respective block and preview the result live.

  • One-click embeds

Insert content from more than 30+ external websites like YouTube, Instagram or SoundCloud simply by pasting URL.
add-YouTube-video-WordPress-Gutenberg-embeds

  • Latest Posts, Post Categories, Post Archives and Latest Comments as content blocks

You don’t need widgets anymore to have these elements added to a page.
widgets-Gutenberg-WordPress

  • Copy/Paste API

Support for seamless copy and paste from Google Docs, MS Word, Office 365 or any web pages.

What’s not that good?

The positive feedback and benefits of Gutenberg are obvious, however, some of the users are concerned about the new editor’s compatibility with the already existing plugins and themes.

The team of Gutenberg developers is, of course, fully aware of challenges of the transition period. Great community of contributors and volunteers, headed by Matt Mullenweg, has been working on Gutenberg creation and improvement for more than 1,5 year. More than 700,000 websites are already actively using the ‘test’ Gutenberg plugin.

Gutenberg-plugin-WordPress-download

Mat Mullenweg has also once stated that “the amount of issues and the time it would take to fix them would determine the final release date for WordPress 5.0”, which means that WordPress with the new default editor in core was rolled out only after the major bugs were fixed.

This gives us a good reason to expect the Gutenberg authors have had enough time and resources to inspect and resolve as many compatibility issues as possible.

On the top of that, many Gutenberg-compatible themes and Gutenberg integration extensions for some popular plugins are already available and many more are yet to come.

In conclusion, let’s consider the opinion of Andrew Roberts, the founder of TinyMCE. Andrew supports and cooperates with Gutenberg project and in one of his articles states that Gutenberg may not handle the familiar means of content management (e.g., shortcodes or custom post types) in the way we are used to, however, the new editor brings fresh and more user-friendly functionality that not only fully replaces the previous tools but offers even more extended (and easy-to-use!) options as well.

List of useful resources on the new default WordPress Gutenberg editor:

Leave a Reply

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