WordPress 5 introduced the new block-based editor codenamed Gutenberg. This guide will help you get started with some of the basics of using the new editor.
Getting Started
Settings
Gutenberg Blocks
- Gutenberg Blocks Overview
- Common Blocks
- Formatting Blocks
- Layout Element Blocks
- Widget Blocks
- Embed Blocks
- Co-Blocks Plugin – Adds over 20 extra blocks
Frequently Asked Questions
Why did WordPress introduce Gutenberg?
Since its inception, WordPress used a TinyMCE based editor to create posts and pages. The Classic WordPress editor was a simple text window with a few buttons on top for basic formatting options.
While it worked well, users had to learn different approaches to add images, create galleries, embed videos, add tables and other content elements. This learning curve combined with modern web standards made WordPress appear harder to use when compared to other popular website builders like Wix and Squarespace.
The new WordPress block editor introduces a modern, streamlined writing experience where each content element is wrapped in a block. You can move these blocks around the editor, change their settings, and create engaging content layouts without writing code.
Do I have to use Gutenberg?
No, not right away. We have installed the Classic Editor plugin which restores the TinyMCE editor you are accustomed to. New sites have the block editor on by default as of November 2019. You can enable the block editor (Gutenberg) when you are ready to start using it.
What is the difference between Gutenberg and blocks?
They are the same thing. Gutenberg is the codename of the new editor. It was used as the name of the standalone plugin before WordPress 5 was released. We use the name here as way of differentiating it from the Classic Editor. With WordPress 5 it is referred to simply as Blocks.
Do I have to build the blocks to simply write some content?
No, you can simply start writing. Each time you start a new paragraph, a new paragraph block will be automatically be created. It can be as simple as that.
What browsers does Gutenberg support?
Gutenberg works in most modern browsers. A list of supported browsers is available from WordPress.