0% Complete
0/32 Steps

What is Gutenberg?

Lesson Progress
0% Complete

As stated in the last video, Gutenberg is a new editor experience that’s coming to WordPress with 5.0.

The big change here is that the current, pre-5.0 WordPress editor is a big text window. In Gutenberg, this moves to Views. We’ll still have the ability to create content, but it will not just be simple text formatting. We’ll use Blocks to build richer layouts.

A block is a piece of content we can drop into the editor, which can be independently edited and placed. A collection of these blocks will make up the whole of post or page content, which are sometimes being referred to as “views.“

You can think about blocks in Gutenberg as Lego blocks. Each block is its own piece, and combined, lots of different blocks make something that looks really cool. You can even have a bunch of blocks that are exactly the same. These are called reusable blocks.

With reusable blocks, you can create one, make it reusable, and then create copies of it. This can be a big time saver if you have complex block you use over and over again. Along with that, you can have block settings templates. These allow you to have a set of default settings for specific blocks. If you always want your image block aligned center, with a caption, you can do that with templates.

You also have layout templates. These are more akin to views. Create a template, import it to a new page, and fill in the blanks!

Getting Gutenberg

Gutenberg will roll out officially with WordPress 5.0, but you can start using it today. Set up a new WordPress site, and head over to the Plugins section. Click ‘Add New’ and search for Gutenberg. Install, activate, and have at!

Warning! I strongly recommend you do not use Gutenberg on a production site! It’s still very much in beta and changes regularly. The interface is pretty set at this point, but the under-the-hood stuff could break your site. Proceed with caution.

Once Gutenberg is installed, we can start playing with it, and there’s no better place to start than the demo.

That’s it for this video! Now that we have a good feel for Gutenberg, let’s start creating content with it!