Are you struggling with the WordPress Gutenberg Editor?
If you have been using WordPress for any length of time, then this will look familiar to you.
That's the classic editor which we all used before WordPress version 5.0 was released. However, the WordPress editor looks a lot different now, because when WordPress version 5.0 was released, the old editor was replaced with Gutenberg, which looks like this:
Gutenberg is what's commonly called a Page Builder. That means you assemble a page by dragging and dropping elements to “build” your web page.
For those making the switch from the Classic editor to Gutenberg, the transition has been hard. It's a completely different way of working. It's also been a little frustrating as Gutenberg has not been without it's bugs. If you are struggling to learn WordPress Gutenberg, I have a short free course you can take to make the transition easier.
Short Gutenberg Tutorials
The course is arranged into 10 shorter Gutenberg tutorials, each covering one important aspect of the editor, making it easier to learn. Below you can see a list of the 10 lectures, with a description of what each tutorial covers.
1. Principles of Gutenberg
If you have been using WordPress for any length of time, then you'll remember the “Word Processor” design of the old, classic editor. Gutenberg is very different. Gutenberg is a page builder, and this video looks at the principles of page builder, and Gutenberg in particular.
2. Gutenberg Interface
This video looks that the interface used by Gutenberg. In other words, what and where everything is when you go to add a new post or page.
3. Anatomy of a block
Blocks have a number of different elements that you can manipulate to create the feature you want. There are menus and properties which you need to use, so this video takes you through the anatomy of a block, showing you how to make blocks look the way you want them.
4. Adding blocks to build a post
This video builds a very simple web page using commonly used Gutenberg blocks. You'll better understand the word-flow of adding, moving, deleting and editing blocks as you create your masterpiece.
5. Inserting images & wrap
The most common question I get related to Gutenberg is about wrapping text around images. This video goes through the process, showing you your options to get the perfect wrap.
6. Cover block
The cover blocks is one of the more interesting blocks, that is quite versatile. Have you seen those parallax scrolling effects on designer websites? Well the Cover block allows you to do that on your own webpages. This video will walk you through the process.
The columns block allows you to arrange elements on the page in a horizontal orientation. This video takes you through the basis of using a columns block, from choosing how many columns you want, to adding blocks to each column independently.
8. Reusable blocks
This video will show you the power of reusable blocks, and how to use them to speed up development/updates on your website.
9. Finding more blocks
You are not restricted to the blocks that come pre-installed with WordPress. There are third party developers that are creating free blocks for Gutenberg. This video shows you where to look.
This video goes through a few common questions about Gutenberg. Watch the video first, then scroll down this page for a few more common questions.
Where to Get the Free Gutenberg Course
Common Gutenberg Questions
WordPress has been built into the core WordPress software since version 5.0. Therefore, if you are using WordPress 5.0 or later, Gutenberg will already be available in your dashboard. If you don't see the Gutenberg editor when you add a new post or page, then check to make sure you don't have a plugin that is hiding it. For example, the Classic editor (see a later FAQ).
If you are using an older version of WordPress, before version 5.0, then there is a Gutenberg plugin you can install to get the Gutenberg functionality.
Yes, Gutenberg is totally free.
Yes, Gutenberg is a page builder. Probably the best known page builder before Gutenberg was Elementor.
Page builders are drag and drop interfaces that allow you to construct a web page using blocks, or elements, to add features and position them on the page.
If you don't want to use Gutenberg, then you have a choice. You can choose your own page builder e.g. Elementor, Beaver Builder, etc. and simply install that plugin. You'll then be above to use your chosen page builder instead.
Alternatively, you can download the Classic Editor plugin and revert back to the old WordPress editor.