WordPress Gutenberg Block Editor Beginners Guide
About six months ago, in WordPress 5.0, 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 other words to learn and understand how to use the new WordPress Gutenberg Block Editor.
After all, the current WordPress visual editor hasn’t had many changes over the years. Whereas, for the most part, has stayed pretty much the same. 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.
Classic and Gutenberg Block Editor plugins difference
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 plugin includes several filters that let other plugins control the settings, and the editor choice per post and per post type.
By default, this plugin hides all functionality available in the new Block Editor (“Gutenberg”). Please learn more about the WordPress Classic Editor Features. For WordPress Developers and Block Editor Users, kindly follow the links below for more understanding. Including,
- WordPress 5.0 Development Field Guide
- Meta Box Compatibility Flags
- Block Editor Filters
- The REST API in WordPress 5.0
- Media 5.0 Guide
- Block Editor Support in Existing Default Themes
WordPress Version 5.0 public release
On December 6, 2018, WordPress Version 5.0, named for jazz musician Bebo, was released to the public. Generally speaking, WordPress Version 5.0 will revolutionize content editing.
In particular, 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. For WordPress 5.0, the database version (db_version in wp_options) updated to 44719, and the Trac revision was 43970.
Well, many contributors and volunteers have been working on the new WordPress Gutenberg Block Editor behind the scenes for more than six months.
Gutenberg Block Editor developers journey
Always remember that; some big changes have come to the editing experience in WordPress. 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.
In the first place, 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 mouse or keyboard. Further, with tons of blocks available by default with more to come. Including;
- preformatted text,
- cover image,
- columns with nested blocks,
- and more!
Important to realize that; the release of WordPress Version 5.0 brought forward the Twenty Nineteen Theme. Of course, a new default WordPress theme too, and that shows off the power of the new editor. Such as;
Benefits of using Gutenberg Block Editor
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 to Install Gutenberg
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,
- 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.
Here is the full Installation Guide.
Block Editor is married to Page Builder Plugins
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.