Gutenberg – WordPress update 5.0

Those who have recently updated their WordPress website to version 4.9.8 would have been greeted with the following message on their dashboard –

The long awaited next major release of WordPress (5.0), the new ‘Gutenberg’ editor will be enabled, replacing the classic TinyMCE editor that has been in its current form since WordPress 3.9 which was released back in April 2014. This has been met with some controversy from the WordPress community, so we thought we’d break down some of the new features you’ll be introduced to come release day.

There is some good news for those who aren’t ready for the change just yet – an official plugin has been released by WordPress that will revert the editor back to the previous version.

So what is Gutenberg?

Gutenberg is the first stage of a three stage strategy to help propel WordPress to be recognised as the most popular, powerful yet easy-to-use CMS available for you to manage your website. This first stage is a redeveloper editor, the second stage will be page templates and then the final step will see the CMS develop into a fully fledged site editor.

If you’re used to the usual tinyMCE editor that WordPress has been using, we recommend heading over to the official page for Gutenberg and clicking around the new editor demo, as this is how both your pages and posts will be presented in WordPress come version 5.0.

What’s different?

Pretty much everything! You’ll notice from a first glance that a lot of what you were accustomed to in the current tinyMCE editor has gone and been replaced by a clean, full width layout editor. Before we dive into the ‘blocks’ build of the page, if you want to access the page settings, you can click the ‘cog’ symbol in the top right corner of the page.

Similarly, clicking the three dots will allow you to access the page/post code, so for those of you who would rather code the page than build it visually, this is readily available.

Gutenberg is all about blocks.

Gutenberg introduces blocks to the WordPress editor. In the past, all of the page/post content has lived in one large html block, with various shortcodes and chunks of content inside of that to help build your page out whilst maintaining flexibility. With Gutenberg, however, you can build out your pages block by block, allowing you to have greater control over your page layout without having much prior development knowledge.

Below is a list of the default blocks included within Gutenberg –

The 16 blocks above should be more than enough to build out the majority of pages and posts for your website, however what you can also do with Gutenberg is save blocks you’ve already used on your page as a reusable block, meaning that you can save time by easily reusing it again.

“The web up until this point has been confined to some sort of rectangular screen. But that is not how it’s going to be. Gutenberg has the potential of moving us into the next time.”

Morten Rand-Hendriksen

Whilst the above is just a glimpse at the future of WordPress with Gutenberg, all of our developers here at Clicky are hard at work learning the new platform ahead of release, so please don’t hesitate to get in touch if you feel we can help you in any way – be it reworking your site into Gutenberg, or simply some pointers on how the new platform can help your website.

Need help with Gutenberg?

Drop us a line - our team of WordPress experts are more than happy to assist.

Get in touch

Written by Jake Pike

Lead ProSupport Developer