Skip to content
Ref » Home » Blog » How To » Designing

WordPress Gutenberg (Block Editor) | A Webmasters Guideline

About six months ago, through WordPress 5.0 update release, the Gutenberg Block Editor saw the immediate replacement. Especially to the previous WordPress Classic Content Editor Version. Since then, several of our subscribed readers have asked us to create this comprehensive blog article in regards to these plugins change.

As of today, the new WordPress 5.3 Update expands and refines the block editor introduced in WordPress 5.0. Particularly, with a new block editor, more intuitive interactions, and improved accessibility. New features in the editor increase design freedoms, provide additional layout options and style variations. Basically, the current WordPress visual editor hasn’t had many changes over the years.

Whereby, for the most part, it has stayed pretty much the same. And while this isn’t a bad thing, many think it is time for a change. Furthermore, other platforms such as Medium or Ghost provide a really unique and refreshing experience for writers. So, in other words, to learn and understand how to use the new WordPress Gutenberg Block Editor follow my leads.

What is Gutenberg (Block Editor)?

By all means, the new block editor was introduced in core WordPress with version 5.0 but the Gutenberg project will ultimately impact the entire publishing experience. Including but not limited to customization (the next focus area).

This beta plugin allows you to test bleeding-edge features around editing and customization projects before they land in future WordPress releases. In fact, as the new Block Editor celebrates its WordPress 5.3 update, we are proud that Twenty Twenty Theme is also designed with flexibility at its core.

WordPress Gutenberg Block Editor
How to Use the New WordPress Block Editor (Gutenberg Tutorial) – (wpbeginner)

In that case, show off your services or products with a combination of columns, groups, and media blocks. And, in addition, set your content to wide or full alignment for dynamic and engaging layouts. Or let your thoughts be the star with a centered-content column!

What is the difference of Classic vs Gutenberg? 

Do you prefer to stick with the familiar Classic Editor? No problem! Support for the Classic Editor plugin will remain in WordPress through 2021. Therefore, if not comfortable with the new Gutenberg Block Editor, always remember that; you can run back to the WordPress Classic Editor. Wherein, the Classic Editor plugin restores the previous WordPress editor and the Edit Post screen.

Unlike the Block Editor, the Classic Editor lets you;
  • To keep using plugins that extend it,
  • Keeps old-style meta boxes, and eventually,
  • it allows you to continue using functionality. Otherwise dependent on the legacy editing experience.

In addition, the Classic Editor plugins include several filters that let other plugins control the settings, and the editor choice per post and per post type.

Gutenberg Block Editor for WordPress
Here: What’s New in WordPress 5.3 – (wpwebhost)

By default, this plugin hides all functionality available in the new Block Editor (“Gutenberg”). Please learn more about the WordPress Classic Editor Features. One thing for sure is that; for WordPress Developers and Block Editor Users, kindly follow the links below for more understanding. Including,

  1. WordPress 5.0 Development Field Guide
  2. Meta Box Compatibility Flags
  3. Block Editor Filters
  4. JavaScript language packs in 5.0
  5. The REST API in WordPress 5.0
  6. Media 5.0 Guide
  7. Block Editor Support in Existing Default Themes

What is WordPress version 5.0 release?

Well, many contributors and volunteers have endlessly been working on the new WordPress Gutenberg Block Editor behind the scenes for more than six months. In the end, on December 6, 2018, WordPress Version 5.0, named for jazz musician Bebo, was released to the public. And generally speaking, WordPress Version 5.0 update will revolutionize content editing.

So to say, with the introduction of a new block editor and block editor-compatible default theme Twenty Nineteen. For more information on this release, read the WordPress Blog. Especially on WordPress 5.0, and the database version (db_version in wp_options) 44719 update. As well as the Trac revision of 43970.

Version 5.0 WordPress Related Topics

How is Gutenberg Block Editor used?

Always remember that; some big changes have come to the editing experience in WordPress. Where for instance, a new block-based editor is the first step toward. For example, with an exciting new future that has a streamlined editing experience site-wide.

First, the new Gutenberg Block Editor is more flexible with how content is displayed. In addition to inserting any type of multimedia and have it embed automatically. Secondly, each piece of content is in its own block and easily maneuverable with a mouse or keyboard. Further, with tons of blocks available by default, there yet more to come.

Including features like;
  • paragraph, heading, and preformatted text,
  • quote, image, gallery, and cover image,
  • video, and audio,
  • columns with nested blocks,
  • files, code, and more!

Again, it’s important to realize that; the release of WordPress Version 5.0 brought forward the Twenty Nineteen Theme. Of course, as the new default WordPress theme too, and that shows off the power of the new editor.

It has powerful tools such as;

What are the Benefits of using Gutenberg?

Although this may be true, the new WordPress block editor offers a simple way to add different types of content to your posts and pages. For example, previously if you wanted to add a table in your content, then you needed a separate table plugin. With the new editor, you can simply add a table block, select your columns and rows, and start adding content.

Equally important, you can move content elements up and down, edit them as individual blocks, and easily create media-rich content. Most importantly, the new WordPress block editor is easy to use and learn two. In reality, this gives an immense advantage to all WordPress beginners who are just starting their first blog or building a DIY business website.

That being said, have a look at how to use the new WordPress block editor like a pro to create great content.

How do you Install Gutenberg Plugin?

As of writing this, the Gutenberg plugin currently has a little over 20,000 active installs with over 290,000 total downloads and a 2.5 out of 5-star rating. Moreover as of the time of this publication, with last updates being 3 weeks ago, it also requires WordPress version 5.0 to use it.

On the contrary, the purpose of adding Gutenberg to WordPress is to offer a modern writing experience to users. Then again, it is intended to be used by everyone. Including,

  • bloggers,
  • writers,
  • photographers,
  • and businesses.

You can download the latest version of Gutenberg from the WordPress repository or by searching for it within your WordPress dashboard under “Add New” plugins. Again, we recommend installing this on a test site or utilize your host’s staging environment. Also, Here is the full Installation Guide.

Is Gutenberg used with other Plugins?

Chiefly, Page builder plugins provide a visual drag and drop interface to design entire pages. To enumerate, SiteOrigin Page Builder Panel is the most popular page creation plugin for WordPress. Not forgetting that; it makes it easy to create responsive column based content, using the widgets you know and love.

Your content will accurately adapt to all mobile devices, ensuring your site is mobile-ready. Read more on SiteOrigin. After installing Gutenberg, you will see links under your Posts that allow you to open up the Gutenberg editor. They don’t replace the default WordPress editor, which is a good thing in our opinion, as during the testing phase it allows you to bounce back and forth.

Finally, I hope the above-revised guide was helpful towards your WordPress editing strategy. However, if you’ll have additional Contributions, Suggestions, Support Guides, Personal Experiences or even further Questions, please Contact Us. Furthermore, your Generous Donations will be highly appreciated. In regards to this topic, consider the links provided below as useful and related.

  1. WordPress Sites Builder » Themes & Plugins
  2. Wix Websites Builder » Create Sites Your Way!
  3. Website Design From Scratch: Step By Step
More Related Resource Articles


Explore Blog Tags:


Get Free Updates!