The WordPress Gutenberg Content Editor
This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.
On December 6, 2018, WordPress announced the release of WordPress version 5.0.
WordPress 5.0 introduced a new content editor called Gutenberg (named after Johannes Gutenberg, the inventor of the printing press).
(WordPress 5.0 introduces the new Gutenberg content editor)
Gutenberg simplifies the content creation and editing process using ‘blocks’.
(Gutenberg – The new block-based content editor)
Blocks lets you insert different types of content (e.g. paragraphs, images, quotes, multimedia, etc.) into your posts and pages using features like ‘point and click’ and to easily configure or rearrange layouts using features like ‘drag and drop’.
(Blocks let you build pages to look the way you want them to!)
(Pre-WordPress 5.0 content editor – WordPress ‘Classic’ Editor)
The Gutenberg editor not only provides greater flexibility and a streamlined editing experience across your site, it is also part of WordPress’ aim to revolutionize the publishing experience by bringing WordPress into line with modern website building trends, methods, and principles allowing websites, applications, page layouts and web content to be easily assembled with no coding skills required.
To learn more about using ‘blocks’, see this tutorial:
Gutenberg doesn’t change how WordPress works. Your site visitors also won’t notice anything different. What Gutenberg does, is change the way you interact with WordPress when creating or editing content.
How To Use The WordPress Gutenberg Content Editor
Installing WordPress after version 5.0 will automatically come with WordPress Gutenberg content editor installed and activated by default …
(WordPress Gutenberg – Content editor screen)
Let’s go through the main sections of the Gutenberg content editor.
WordPress Gutenberg – Content Editor Layout
Below is a screenshot of the WordPress Gutenberg content editor interface …
(WordPress Gutenberg – Content editor interface)
The content editor is divided into three main sections:
Each section contains different features that allow you to perform different functions.
(WordPress Gutenberg – Content editor interface sections)
Click on the links below for in-depth tutorials about using different sections of the WordPress Gutenberg content editor interface:
For more tutorials on using the Gutenberg content editor, go here:
"These tutorials have so much information and are easy to understand. If you use WordPress or plan to in the future these will help you with everything you need to know." - Valisa (Mesa, Arizona)