WordPress Gutenberg Content Editor – How To Use Blocks

New to WordPress? Learn what ‘blocks’ are, how to use blocks in the WordPress Gutenberg content editor and what blocks are available to WordPress users …

[adrotate group=”6″]

WordPress Gutenberg Content Editor – How To Use Blocks

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, who invented the printing press over 500 years ago).

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

Add Block

(Gutenberg – The new block-based content editor)

Blocks let you add different types of content (e.g. paragraphs, images, quotes, multimedia, etc.) into your posts and pages and rearrange your post/page layouts using features like:

  • ‘Point and click’ (e.g. move your cursor over an item and click to select it or add an element to your page).
  • ‘Drag and drop’ (e.g. rearrange your page layout).
  • Resizing handles (e.g. for resizing images).
  • Drop-down menus (e.g. select one of several options to configure a setting).
  • Incremental Sliders (e.g. slide right or left to increase or decrease values, adjust widths, etc.)
  • Value fields (e.g. enter a number of items to display for an element).
  • Up and down arrows (e.g. move content sections up and down the page).

(Blocks let you build pages to look the way you want them to!)

The new Gutenberg block-based editor introduces a different way to add, edit and display content on your site than the previous content 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)

In this section, we explain:

  • What ‘blocks’ are.
  • How to use Gutenberg’s content editor blocks
  • What default blocks WordPress makes available to users installing WordPress 5.0.

What Are Blocks?

Build content in WordPress using 'Blocks'

(Build content in WordPress using ‘Blocks’)

Think of ‘blocks’ as being the smallest units you can use to build something or get something done on your site. It could be adding a paragraph of text, a layout or media element, or some type of functionality.

Imagine too, that no matter how different the block’s purpose may be, they can all fit together seamlessly, allowing you to create and add new blocks and combine these (just like ‘Lego’ blocks) to build complex pages with sophisticated layouts and modular functionality.

Now … imagine that these blocks can extend beyond not only helping you to create content, but also add new types of plug’n’play functionality to your site and combine the power of plugins, widgets, and shortcodes into something that you can add anywhere in your site at any time with the click of a button … without requiring any coding skills.

One of the main advantages of having a content editor that uses ‘blocks,’ then, is that it opens up many possibilities for future development, especially as it allows third-party developers to create new block types, which will integrate seamlessly with what you have already built, giving you the power to take your digital presence to a whole new level without having to start from scratch whenever changes are required.

WordPress Gutenberg: A Block-Based Content Editor

(Gutenberg – The new block-based content editor)

The new block-based content editor is a radical departure from the previous content editor (referred to now as the WordPress ‘Classic’ editor).

According to the WordPress  version release notes, the changes are aimed at helping WordPress simplify the process, not the outcome.

Working With Blocks

With the Gutenberg editor, all content is added to posts and pages using ‘blocks’.

'Add Block' tool - Editing Toolbar

(‘Add Block’ tool – Editing Toolbar)

The ‘Add Block’ tool contains a ‘Search’ field and several menu sections:

  • Most Used
  • Common Blocks
  • Formatting
  • Layout Elements
  • Widgets
  • Embeds

Additionally:

  • Inline Elements – This menu displays if you click inside a block before selecting the ‘Add Block’ tool.
  • Reusable BlocksNote: At least one Reusable Block must be created for this section to display in the ‘Add Block’ tool’s menu section.

Important

To learn more about the block types found in each of these sections, see the links provided at the end of this tutorial.

Block Editors

Depending on the type of block added to your post or page, blocks will have their own ‘Block Editor’ with various settings and options you can configure to further customize or format the content or function of the block.

For example, below is a screenshot of the Block Editor of a Paragraph Block …

Block Editor - Paragraph Block

(Block Editor – Paragraph Block)

Block Editor Settings

Every block type has its own settings and options. To learn more about each block type, see the links to different block types at the end of this tutorial.

Block Editor Settings – More Options

A common element of block editors is the ‘More Options’ section, which includes the following standard settings:

  • Hide Block Settings
  • Duplicate
  • Insert Before
  • Insert After
  • Edit as HTML
  • Add to Reusable Blocks
  • Remove Block

Block Editor - More Options

(Block Editor – More Options)

Hide Block Settings

Hiding block settings lets you work on your content free of distractions (i.e. (‘Distraction-Free’ Mode).

To hide block settings:

  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu
  • Click ‘Hide Block Settings’ to hide the ‘Settings’ sidebar from view.
  • Click ‘Show Block Settings’ to display the ‘Settings’ sidebar on your content editor again.

Hide Block Settings

(Hide Block Settings)

Duplicate

This setting lets you create and add an identical copy (i.e. a clone) of any selected block into your content.

To duplicate a block:

  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Duplicate’.
  • Edit and/or reposition the duplicated block if required.
  • Save your post or page to update your content.

Duplicate

(Duplicate)

Insert Before

This setting lets you insert a new block into your content above the block you are currently working on.

To insert a block above your selected block:

  • Select the block where a new block will be inserted before it.
  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Insert Before’.
  • A new block ‘placeholder’ will be inserted above your selected block.
  • Use the ‘Add Block’ tool to select the type of block you want added into the new block placeholder.
  • Save your post or page to update your content.

Insert Before

(Insert Before)

Insert After

This setting lets you insert a new block into your content below the block you are currently working on.

To insert a block below your selected block:

  • Select the block where a new block will be inserted after it.
  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Insert After’.
  • A new block ‘placeholder’ will be inserted below your selected block.
  • Use the ‘Add Block’ tool to select the type of block you want added into the new block placeholder.
  • Save your post or page to update your content.

Insert After

(Insert After)

Edit as HTML

Normally, you view, edit, and format your content using a visual editor. This setting lets you view and edit the block’s HTML code.

To view and edit the block’s HTML code:

  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Edit as HTML’.
  • The block content will switch to the HTML editor.
  • To return to the visual editor, select the ‘More Options’ menu again and click on ‘Edit visually’.
  • Save your post or page to update your content.

Edit As HTML

(Edit As HTML)

Add to Reusable Blocks

This setting lets you store a customized block that can be reused anywhere you like on your site.

To save your reusable block:

  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Add to Reusable Blocks’.
  • Your block will be stored in the WordPress ‘Blocks’ library.

Add to Reusable Blocks

(Add to Reusable Blocks)

For more details on creating, editing, using, and managing Reusable Blocks, see the tutorial below:

Remove Block

This setting lets you remove a block from a post or page and delete content that you no longer need.

To remove a block from your post or page:

  • Select the block you want to remove.
  • Click anywhere inside the block to view the Block Editor.
  • Select the ‘More Options’ menu.
  • Click ‘Remove Block’.
  • Your block will be deleted from your post or page.
  • Save your post or page to update your content.

Remove Block

(Remove Block)

To hide the ‘More Options’ menu, click on the menu icon …

Hide options

(Hide options)

How To Add New Blocks To Content

Blocks can be added anywhere on the page with the click of a button, inserted before or after other blocks using dropdown menus, converted into different block types, and easily reordered using ‘drag and drop’, or ‘up and down’ buttons.

You can add blocks to content in several different ways.

For example, you can add blocks:

  1. From the ‘Add Block’ tool in the Editing Toolbar
  2. From the ‘Add Block’ tool in the Content Area
  3. From inside an existing block.
  4. From your ‘Reusable Blocks’ library.

Add Block Tool – Editing Toolbar

Click on the ‘Add Block’ (+) tool to bring up a list of all the available blocks that you can use …

'Add Block' tool - Editing Toolbar

(‘Add Block’ tool – Editing Toolbar)

Select (or search and select) a block from one of the ‘Add Block’ menu sections …

Select a block from the 'Add Block' menu

(Select a block from the ‘Add Block’ menu)

The block you have selected will be inserted below your existing content …

Block added below existing content

(Block added below existing content)

You can reorder, rearrange, or reposition blocks using ‘move up’ or ‘move down’ arrows …

Reorder blocks using 'up' and 'down' arrows

(Reorder blocks using ‘move up’ and ‘move down’ arrows)

You can also place the block wherever you like by dragging and dropping blocks to rearrange your content layout …

Rearrange blocks using 'drag and drop'

(Rearrange blocks using ‘drag and drop’)

Rearranging blocks

(Rearranging blocks)

Add Block Tool – Content Area

You can also add new blocks to your content by hovering your mouse in the area below your existing content and clicking on the ‘Add Block’ icon …

'Add Block' Tool - Content Area

(‘Add Block’ Tool – Content Area)

Add Block From Within An Existing Block

You can add blocks from within existing blocks in one of the following ways:

  • Add a block from the ‘Add Block’ tool in the block editor
  • Add a block from the ‘More Options’ menu
Add A Block From The ‘Add Block’ Tool In The Block Editor

To add a new block to your content using this method:

  1. Hover your cursor over an existing block
  2. Click on the ‘Add Block’ tool icon (+)
  3. Select an available block from one of the tool’s menu sections …

Add blocks from within other blocks

(Add blocks from within other blocks)

Add A Block From The ‘More Options’ Menu

To add a new block to your content using this method:

  1. Click inside an existing block
  2. Click on the ‘More Options’ menu
  3. Select where to add the block (e.g. insert before or after existing block)
  4. After a new block placeholder has been inserted into the content, you can then select a new block from one of the various ‘Add Block’ locations available (see below) …

Add A Block From The 'More Options' Menu

(Add A Block From The ‘More Options’ Menu)

How To Change Block Types

Depending on which type of block you are using, you can convert blocks into other block types as follows:

  1. Click inside the block
  2. Select the ‘Change block type’ tool
  3.  Select one of the available blocks in the ‘Transform To:’ menu
  4. Your block will be automatically changed to the new block type selected

Change Block Types

(Change Block Types)

Important

See further below for information about individual block types and what types of blocks these can be changed into.

How To Duplicate Blocks

To duplicate a block:

  1. Click inside the block you want to duplicate
  2. Click on the ‘More Options’ menu
  3. Select ‘Duplicate’ to duplicate the selected block …

Duplicate Block

(Duplicate Block)

How To Delete Blocks

To delete a block:

  1. Click inside the block you want to delete
  2. Click on the ‘More Options’ menu
  3. Select ‘Remove Block’ to delete the selected block …

Delete Block

(Delete Block)

Important

If you have empty blocks, you can ignore these (they won’t show up on your published posts or pages) or delete them …

Empty blocks

(Empty blocks)

To remove an empty block:

  1. Click inside the empty block you want to delete
  2. If you’re deleting a ‘Paragraph’ block and can’t see the ‘More Options’ menu to access the ‘Remove Block’ option, type a few characters into the box. This will make the ‘More Options’ menu visible.
  3. Click on the ‘More Options’ menu
  4. Select ‘Remove Block’ to delete the selected block …

Delete empty blocks

(Delete empty blocks)

How To Use Reusable Blocks

Reusable Blocks

Reusable Blocks:

  • Let you store and reuse content blocks across your site.
  • Can be shared with other contributors to reuse across your site.
  • Automatically update everywhere on your site when you make changes to the block.
  • Can be converted into regular blocks to prevent global changes from being applied throughout your site.

Reusable Block

(Reusable Block)

To learn how to create, edit, use, and manage Reusable Blocks, see the tutorial below:

WordPress Gutenberg Blocks

The WordPress Gutenberg editor includes many useful default blocks …

WordPress Gutenberg Content Editor - Blocks

(WordPress Gutenberg Content Editor – Blocks)

More block-enabled plugins are being developed by the WordPress community to help you extend and expand the functionality of the Gutenberg content editor …

Block-Enabled WordPress Plugins

(Block-Enabled WordPress Plugins)

Search the WordPress plugins library from your dashboard for new block-enabled plugins that will help you enhance and extend your content.

Use block-enabled plugins

(Use block-enabled plugins)

Block Groups

The ‘Add Block’ tool contains a ‘Search’ field and is divided into the following sections:

  • Most Used
  • Common Blocks
  • Formatting
  • Layout Elements
  • Widgets
  • Embeds
  • Reusable (only displays when a reusable block is created)

All Blocks

The section below contains a list of all default blocks. Click on an item to learn about its function, properties, and how to use it:

WordPress Gutenberg - Paragraph Block

Paragraph Block

The Paragraph Block lets you add a single paragraph of content to your post or page and is the most ...
Read More
WordPress Gutenberg - Image Block

Image Block

The Image Block lets you insert an image into your WordPress site ...
Read More
WordPress Gutenberg - Heading Block

Heading Block

The Heading Block lets you introduce new sections and organize content to help visitors (and search engines) understand your content ...
Read More
WordPress Gutenberg - List Block

List Block

The List Block lets you create and add a bulleted or numbered list ...
Read More
WordPress Gutenberg - Gallery Block

Gallery Block

The Gallery Block lets you display multiple images in a rich gallery ...
Read More
WordPress Gutenberg - Quote Block

Quote Block

The Quote Block lets you add visual emphasis to your content with quoted text ...
Read More
WordPress Gutenberg - Audio Block

Audio Block

The Audio Block lets you add audio files to WordPress via a simple audio player ...
Read More
WordPress Gutenberg - Cover Block

Cover Block

The Cover Block lets you add an image or video cover with a text overlay to WordPress ...
Read More
WordPress Gutenberg - File Block

File Block

The File Block lets you add a link to a downloadable file ...
Read More
WordPress Gutenberg - Video Block

Video Block

The Video Block lets you upload and embed a video on your site from your media library or external URL ...
Read More
WordPress Gutenberg - Code Block

Code Block

Use the Code Block to display code and code snippets on your site that respect your spacing and tabs ...
Read More
WordPress Gutenberg - Classic Block

Classic Block

The Classic Block lets you add content to your posts and pages using the WordPress Classic Editor ...
Read More
WordPress Gutenberg - Custom HTML Block

Custom HTML Block

The Custom HTML Block lets you add custom HTML code to your WordPress site and preview it as you edit ...
Read More
WordPress Gutenberg - Preformatted Block

Preformatted Block

The Preformatted Block lets you add text with spacing, tabs, and styling ...
Read More
WordPress Gutenberg - Pullquote Block

Pullquote Block

The Pullquote Block lets you emphasize text quotes with colors and styles ...
Read More
WordPress Gutenberg - Table Block

Table Block

The Table Block lets you add a table to WordPress with columns and rows to display data in tabular form ...
Read More
WordPress Gutenberg - Verse Block

Verse Block

The Verse Block lets you add poems, verses, song lyrics, etc. to your content with special spacing formats ...
Read More
WordPress Gutenberg - Columns Block

Columns Block

Use the Columns Block to add columns to WordPress and insert text-based content into your columns ...
Read More
WordPress Gutenberg - More Block

More Block

The More Block lets you set an excerpt or teaser for your content with a link that users can click ...
Read More
WordPress Gutenberg - Media & Text Block

Media & Text Block

The Media & Text Block lets you set media and text side-by-side for a richer content layout ...
Read More
WordPress Gutenberg - Button Block

Button Block

The Button Block lets you add a custom button to prompt users and visitors to take a desired action ...
Read More
WordPress Gutenberg - Page Break Block

Page Break Block

The Page Break Block lets you split your content into smaller sections with multiple pages ...
Read More
WordPress Gutenberg - Separator Block

Separator Block

The Separator Block lets you break your content sections with a horizontal separator ...
Read More
WordPress Gutenberg - Spacer Block

Spacer Block

The Spacer Block lets you add white space between blocks and customize its height ...
Read More
WordPress Gutenberg - Categories Block

Categories Block

The Categories Block displays a list of all your categories ...
Read More
WordPress Gutenberg - Latest Comments Block

Latest Comments Block

The Latest Comments Block displays a list of your site's most recent comments ...
Read More
WordPress Gutenberg - Shortcode Block

Shortcode Block

The Shortcode Block lets you insert custom elements into WordPress using shortcodes ...
Read More
WordPress Gutenberg - Archives Block

Archives Block

The Archives Block lets you insert an Archives widget into your content to display a monthly archive of your posts ...
Read More
WordPress Gutenberg - Latest Posts Block

Latest Posts Block

The Latest Posts Block displays a list of your site's most recent posts ...
Read More
WordPress Gutenberg - Embed Block

Embed Block

The Embed Block lets you embed videos, images, tweets, audio, and other content from external sources ...
Read More
Reusable Blocks

Reusable Blocks

Learn how to create and use Reusable Blocks for the WordPress Gutenberg content editor ...
Read More

Blocks By Category

The section below lists WordPress Gutenberg blocks by category.

Common Blocks

Formatting Blocks

Layout Element Blocks

Widget Blocks

Embed Blocks

Blocks By Functionality

The section below lists WordPress Gutenberg blocks by functionality.

Text Blocks

Media Blocks

Quote Blocks

Code Blocks

Layout Blocks

***

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

WordPress Gutenberg - Making WordPress Easier For Non-Techies

[adrotate group=”6″]

***

[adrotate group=”3″]

New WordPress Version Release – WordPress 5.0 Bebo

WordPress has just released version 5.0, named “Bebo” in honor of Cuban jazz musician Bebo Valdés. Learn about the new WordPress v. 5.0 updates.

[adrotate group=”6″]

WordPress 5.0 BeboNew WordPress Version 5.0 – Bebo

Release Date: December 6, 2018

WordPress released WordPress 5.0, named “Bebo” in honor of Cuban jazz musician Bebo Valdés (October 9, 1918 – March 22, 2013).

Bebo Valdés

(Bebo Valdés. Image: Wikipedia)

With the release of version 5.0, WordPress introduces a new block-based editor as the first step into a new future aimed at making the platform even easier to use for non-technical website users, especially when it comes to adding, editing, and displaying content on your site.

WordPress 5.0 introduces the new Gutenberg content editor

(WordPress 5.0 introduces the new Gutenberg content editor)

The new WordPress content editor is called Gutenberg after Johannes Gutenberg, the inventor of the printing press and aims to provide greater flexibility and a streamlined editing experience across your site.

Here are some of the changes you will see in WordPress 5.0:

Block-Based Editor

(Gutenberg – The new block-based content editor)

The new block-based content editor is a radical departure from the previous content editor (referred to now as the WordPress ‘Classic’ editor).

According to the WordPress  version release notes, the changes are aimed at helping WordPress simplify the process, not the outcome.

The WordPress Gutenberg editor lets you insert different types of content (e.g. paragraphs, images, quotes, multimedia, etc.) into your posts and pages and configure or rearrange layouts using ‘blocks’.

The WordPress Gutenberg editor includes many useful default blocks (with more blocks being developed and added to the platform by the WordPress community) …

WordPress Gutenberg Editor - Blocks

(WordPress Gutenberg Editor – Blocks)

Blocks can be added anywhere on the page with the click of a button, inserted before or after other blocks using dropdown menus, converted into different block types, and easily reordered using ‘drag and drop’, or ‘up and down’ buttons.

This lets you build your pages and display your content exactly as you imagine, without having to learn how to code.

(Blocks let you build pages to look the way you want them to!)

Important

As WordPress 5.0 introduces a number of significant changes to how you work with content on your site, we have created a comprehensive guide to understanding and using the new content editor here:

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

New Default WordPress Theme – Twenty Nineteen

New WordPress Theme - Twenty Nineteen

(New WordPress Theme – Twenty Nineteen)

WordPress has introduced a new default theme that lets you experience and take full advantage of the new editor.

The Twenty Nineteen theme ships with all new WordPress installations and aims to create a true WYSIWYG (“What You See Is What You Get”) content creation and editing experience for users and features custom styles for the default blocks available in WordPress 5.0.

Additionally, the theme features a modern, simple, and clean-looking type-driven layout with lots of whitespace and uses system fonts to display sans-serif headlines paired with serif body text, combining a strong, visual presence with fast loading page speed for your readers.

Twenty Nineteen is designed to be flexible and versatile and can be deployed for a variety of uses.

To learn how to install WordPress Themes, go here:

WordPress Classic Editor Plugin

WordPress Classic Editor Plugin

(WordPress Classic Editor Plugin)

If you have been using WordPress for a while and prefer to keep using the pre-WordPress 5.0 content editor (i.e. the WordPress ‘Classic’ editor), a ‘WordPress Classic Editor’ plugin has been developed by the WordPress community that restores the familiar editor to your WordPress site, replaces the new Gutenberg editor as the default content editor, and lets you keep working as you were previously.

Important

If you are updating your WordPress installation from a pre 5.0 version, you may see a window in your dashboard giving you the option to install either the new Gutenberg editor or the old WordPress ‘classic’ editor …

Updating WordPress from a pre-5.0 installation (Updating WordPress from a pre-5.0 installation)

If you are installing a new WordPress site on your domain, it will have the Gutenberg editor installed by default and you will then need to install the WordPress Classic Editor plugin to restore the old editor functionality.

For a step-by-step tutorial on how to install, activate, and use this plugin, go here:

Additional Enhancements And Bug-Fixes: WordPress version 5.0

In addition to the new features and improvements listed above, WordPress 5.0 also includes a number of other enhancements and bug-fixes.

Important WordPress Update Tips

WordPress 5.0.2 - WordPress Update

Important

*** Important ***

WordPress versions 5.0 and higher require using themes and plugins that support the new WordPress content editor blocks.

Being quite new, not all WordPress themes and plugins currently support the Gutenberg editor and may cause issues or create conflicts when you update your site to the new 5.0 version.

During the transition phase to the new editor, you may see notifications on your dashboard from plugin developers about plugin compatibility with the Gutenberg editor …

Plugin notifications - Gutenberg compatibility

(Plugin notifications – Gutenberg compatibility)

If you are not sure, refer to the plugin or theme developer’s notes and documentation for compatibility issues.

Tips

You can check the official WordPress Plugins directory for a list of free WordPress plugins that offer block-enabled features …

WordPress.org: Block-Enabled Plugins

(WordPress.org: Block-Enabled Plugins)

To view all block-enabled plugins click on ‘See All’ …

WordPress.org: View all block-enabled plugins

(WordPress.org: View all block-enabled plugins)

We also recommend doing the following before upgrading to any new version of WordPress:

  • Perform a complete backup of all your WordPress files and database.
  • Search online for any problems or issues that other WordPress users may be experiencing with the new version. This includes incompatibilities and conflicts with plugins, themes, and other issues (search online for something like “WordPress 5.0 Bebo problems” or “WordPress version 5.0 bugs”, then go through some of the results to see what kind of issues and errors users are experiencing).
  • Once you have done the above, then upgrade to the new version as soon as possible to ensure that your site remains protected against any security vulnerabilities found in previous versions.

WordPress version 5.0.2 - Important WordPress Update Tips

Important

If you don’t want to perform your own backups, then consider getting help from a professional WordPress service provider, test your WordPress site on a local environment, or use a backup plugin.

(WordPress 5.0 Bebo)

[adrotate group=”5″]

***

Note: WordPress images used on this page were sourced from the official WordPress site’s release notes.

WordPress Gutenberg Tutorials For Non-Techie WordPress Users

This comprehensive guide for non-technical users explains everything you need to know about WordPress Gutenberg and the new WordPress content editor …

[adrotate group=”6″]

WordPress Gutenberg – Guide & Tutorials For Non-Technical WordPress Users

WordPress Gutenberg - The Ultimate Guide For Non-Techies

On December 6, 2018, WordPress announced the release of WordPress version 5.0.

With this new release, WordPress introduces a new approach and a new direction for the WordPress platform.

As stated in ‘Non-Techies Are The Future Of WordPress: WordPress Gutenberg & The WordPress Paradox’,  most WordPress end users are non-techies. To continue being the world’s most popular website-building platform, WordPress must continually evolve to make the platform easier for non-techies to use and have control of their digital processes.

WordPress 5.0 is a significant step in this direction and the changes WordPress introduces with the new version will provide many benefits to non-techies and non-coders in the future.

This comprehensive guide, then, is aimed at helping non-technical users understand where WordPress is going, why WordPress has introduced these changes, and what these changes will mean to you. This section contains links to in-depth tutorials that will help you understand and apply these new changes to your website and the way you create content online.

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

WordPress 5.0 – Why

As discussed in ‘Non-Techies Are The Future Of WordPress: WordPress Gutenberg & The WordPress Paradox’  if you are a non-technical person working in a business where everyone else is also a non-techie, non-coder, non-web developer, or non-digital marketing expert and your business wants a web platform that can deliver better results, then your best option is to choose a technology platform where things are made so simple, automated and easy to use that you don’t even need to understand how the technology works to get the results you want.

As a non-technical user who has been observing the evolution of WordPress for over a decade, this seems to be the direction they are heading, and WordPress 5.0 is the first step toward this destination.

The introduction of the new WordPress content editor, called Gutenberg (after Johannes Gutenberg, who invented the printing press over 500 years ago) is part of a plan to transform WordPress into something bigger than just a website publishing and content management platform.

As the video presentation below recorded at a WordCamp held in Nashville, U.S.A. in 2017 (and its mission to democratize publishing) shows, WordPress is moving toward being a platform where non-technical users will be able to transform their web presence into just about anything they want using modular elements and components that will:

  • Provide users with all different types of functions
  • Integrate seamlessly with what you already have built
  • Be simple to configure, using methods like ‘point and click’, ‘drag and drop’, WYSIWYG (what you see is what you get), selecting options from drop-down menus, etc.

(Gutenberg and the WordPress of Tomorrow)

While the decision to introduce a completely new content editor generated heated debates and strong reactions from many users, web developers, and members of the WordPress community, it seems that WordPress had to make a decision if it is to continue to grow and evolve.

WordPress 5.0 and the new Gutenberg editor, then, is just the first step toward the bigger picture.

WordPress 5.0 -What’s New

To learn what’s new in WordPress 5.0 and what you need to do if you haven’t upgraded yet, go here.

WordPress Gutenberg Tutorials

To learn more about using the new WordPress content editor, click on the links below:

WordPress 5.0 Bebo

New WordPress Version Release – WordPress 5.0 Bebo

WordPress has just released version 5.0, named "Bebo" in honor of Cuban jazz musician Bebo Valdés. Learn about the new ...
Read More
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

The WordPress Gutenberg Content Editor

Learn about the WordPress Gutenberg content editor interface and its main features in this comprehensive tutorial for non-technical users ...
Read More
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
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

WordPress Gutenberg Content Editor – How To Use Blocks

New to WordPress? Learn what 'blocks' are, how to use blocks in the WordPress Gutenberg content editor and what blocks ...
Read More
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

How To Use The WordPress Classic Editor Plugin

Learn how to restore the Classic WordPress editor in WordPress sites using version 5.0 or higher using the WordPress Classic ...
Read More
WordPress Gutenberg - The Ultimate Guide For Non-Technical WordPress Users

Gutenberg Keyboard Shortcuts

Use these WordPress Gutenberg content editor keyboard shortcuts to speed up your content editing or formatting tasks ...
Read More
WordPress Gutenberg - Making WordPress Easier For Non-Techies

Non-Techies Are The Future Of WordPress: WordPress Gutenberg & The WordPress Paradox

New developments like WordPress Gutenberg will continue to make WordPress easier and simpler for non-techies to use ...
Read More

WordPress Gutenberg - Making WordPress Easier For Non-Techies

[adrotate group=”6″]

***

[adrotate group=”3″]