The WordPress Gutenberg Content Editor

Learn about the WordPress Gutenberg content editor interface and its main features in this comprehensive tutorial for non-techies …

The WordPress Gutenberg Content Editor

WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress UsersThis 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

(WordPress 5.0 introduces the new Gutenberg content editor)

Gutenberg simplifies the content creation and editing process using ‘blocks’.

Add Block

(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!)

The new block-based editor introduces a different way to add, edit and display content on your site than the previous editor (i.e. the ‘WordPress Classic Editor‘).

WordPress 'Classic' Content Editor - pre WordPress 5.0

(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.

(Insert block)

To learn more about using ‘blocks’, see this tutorial:

Information

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

(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

(WordPress Gutenberg – Content editor interface)

The content editor is divided into three main sections:

  1. Editing Toolbar
  2. Content Area
  3. Settings Section

Each section contains different features that allow you to perform different functions.

WordPress Gutenberg - Content editor interface sections

(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:

WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

WordPress Content Editor Interface – Editing Toolbar

Learn how to use the editing toolbar section of the WordPress Gutenberg content editor ...
Read More
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

WordPress Content Editor Interface – Content Area

Learn how to use the content area of the WordPress Gutenberg content editor ...
Read More
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

WordPress Content Editor Interface – Settings Section

Learn how to use the Settings section of the WordPress Gutenberg content editor ...
Read More

For more tutorials on using the Gutenberg content editor, go here:

WordPress Gutenberg - Making WordPress Easier For Non-Techies

***

"This is an awesome training series. I have a pretty good understanding of WordPress already, but this is helping me to move somewhere from intermediate to advanced user!" - Kim Lednum

Recommended Video Courses For WordPress Users

How To Create Engaging PresentationsHow To Create Engaging Presentations

Learn how to create beautiful and engaging presentations that will help you sell more products and services online.

More info: How To Create Engaging Presentations

Recommended Video Courses For WordPress Users

Why Your Business Needs WordPressWhy Your Business Needs WordPress

Learn about the unique features, benefits, and advantages of using WordPress to start or grow your business online.

More info: Why Your Business Needs WordPress

Recommended Video Courses For WordPress Users

Build A WordPress Site ... Fast!Build A WordPress Site ... Fast!

Need a new website or blog in a hurry?

This video course shows you how to quickly install and configure a WordPress website or blog on your own domain name and be up and running in no time!

More info: Build A WordPress Site ... Fast!

Recommended Video Courses For WordPress Users

WordPress Traffic & User EngagementWordPress Traffic & User Engagement

Learn how to drive more targeted traffic to your website and discover ways to improve user engagement with your business online.

More info: WordPress Traffic & User Engagement

Recommended Video Courses For WordPress Users

WordPress 101: How To Use WordPressWordPress 101: How To Use WordPress

Learn how to unlock the power of the WordPress content management system (CMS) using the many powerful features inside your WordPress administration area.

More info: WordPress 101: How To Use WordPress

Recommended Video Courses For WordPress Users

WordPress SEOWordPress SEO

In this WordPress SEO training series you will learn how to optimize your WordPress site and how to craft website pages and blog posts that will help you get better search engine rankings and improve your traffic results.

More info: WordPress SEO

Author: Martin Aranovitch

Martin Aranovitch is the founder of WPCompendium.org and the author of The Small Business Digital Manager. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as The WordPress Gutenberg Content Editor.