Gutenberg WordPress Editor tested out by millions of people around the world because it’s a major update from WordPress editor panel. For several years, the WordPress users were utilizing the traditional editor, but the Gutenberg WordPress Editor offers a modern design.
What is Gutenberg WordPress Editor?
We know that many beginners WordPress users do not know about the Gutenberg project. The popular CMS comes with a page & post editor and the traditional editor that does not have any major update for years. However, the WordPress Gutenberg Project enabled the official to design a modern featured editor to publish new posts and pages.
Gutenberg WordPress Editor release enables the old users to gain access to the new features, functions, and modern user interface. The update offers new features that help the users to create innovative posts according to the needs and it eliminates the assistance of third-party shortcodes.
The new WordPress page editor enabled the users to switch between classic editor and the latest modern page editor.
The project at the beta stage and the official developers are not pushing it and force installing it. The beta test designed to collect feedback from existing users all over the world. Nobody wants to replace the old classic version over the updated one and the beta released for testing purpose only.
When Will Gutenberg WordPress Editor Release?
The developers Gutenberg Team announced that the plugin is available from 1st December 2018 and you download it from the official page.
Matt Mullenweg is the head of the entire project, and he said,
“The editor will create a new page- and post-building experience that makes writing rich posts effortless, and has “blocks” to make it easy what today might take shortcodes, custom HTML, or “mystery meat” embed discovery. — Matt Mullenweg”
Can I Test The New Editor?
Fortunately, the WordPress Gutenberg editor is at the beta stage, and you can add it to your site as an optional add-on. The good part is that the official developers are not pushing it any further because the feedback collection is in the process.
However, you can download the fully featured plugin from the official site (above is the download link), and you can use it without any issues. At some point of the process, you can replace the plugin from the database without any questions.
Step 1: Go to your site dashboard and click on the “Install Gutenberg.” The users can submit bug reports to the official GITHUB site because the beta version purpose is to collect the feedback.
Step 2: The plugin instantly installs on your site. Remember, you cannot delete the plugin, but you can replace it with the classic editor.
Step 3: After a minute, click on the “Activate Gutenberg” to replace the classic editor with the new one.
Step 4: The demo page of the Gutenberg WordPress Editor shows up on your screen, and you can test the features without any issues.
We will show you how you can replace the Gutenberg update from the current installation at the end of the article.
In addition, we would like to remind you that the WordPress developer’s team is planning to release the next major update with the Gutenberg WordPress Editor. However, you can replace it with the classic editor, and we will show you how to replace it, so you do not have to worry about it.
9 Features of WordPress Gutenberg Editor
The Gutenberg WordPress Editor hits the next major update, and no one can escape from it. However, you can submit a report that includes bugs, stability information, and missing features information, and you can expect a better version of WordPress’s new Gutenberg editor.
Dropdown Instead of Toolbar
After creating a new post, then we usually add headings, images, texts, and other elements. In the past, the options were present in the toolbar. The latest update removed all options from the toolbar, and they have moved it to a rounded plus button.
If you click on the button, then you can find options like image, headings, gallery, list, quote, audio, cover, and file. If you scroll down a little, then there are more drop-down options like common blocks, formatting, layout elements, widgets, and embeds.
I am not complaining, but it was a poor decision to remove the main functions from the toolbar. Now, we have to click two or three times to reach functions. We should appreciate the new options as well as adding codes to the post, adding embeds of Spotify, YouTube, Facebook and more from the editor.
More writing space
By collapsing the WordPress side panel and left panel, you can free up space, and it works with width as well.
Yes, you have the option to collapse the right sidebar, and it frees up more space. In addition, it has an impact on height and width. The extra offers a wider look at the piece of content that you look for it. Ten inches displays and fifteen Inches displays can view more in the editor than the traditional version.
Content Embedding within Visual Editor
We have already mentioned in the first point that you can embed content directly from the editor. It kills the purpose of the embedding plugins in the store. The WordPress developers worked extremely hard to offer features that beats every embed plugin in the store right now.
I have never seen so many options in one panel and embedding made simple by the Gutenberg team.
Anyone can learn Gutenberg WordPress user interface within a few moments, and it is the beauty of the visual editor. Click on the plus icon, then scroll down to “embed” and you add custom URL, YouTube, Flickr, SoundCloud, WordPress, and more.
Dropdown For Switching Between Visual Editor & Text Editor
You have to follow a couple of steps to switch from visual editor to code editor (text editor).
Step 1: Click on the three-dot setting in the right corner.
Step 2: A sidebar shows up on your screen and check for “code editor” and click on it.
The developers made a mistake by removing the option from the mainframe. A newbie would never find the important option until or unless the user spends at least a couple of months using it.
The old position appreciated by millions of users around the world, but changing the location of the code or text editor can get Gutenberg one star down.
Live HTML Block
The title suggests live HTML block and it might be a little confusing at first. To clear the doubts, allow us to show you how you can add HTML block and the feature we are trying to explain.
1: Click on the plus button and select “custom HTML.”
2: I have posted YouTube video embed to display the feature.
3: Now, click on “preview” for LIVE HTML block view.
As you can see, you don’t have to manually click on the page preview to check, if the embed is working properly.
The WordPress Gutenberg tutorial may take a little bit of time, but we are going to look at another feature called “recent blocks.”
When you click on the plus button to view options, then it records the most used or common blocks you have uses so far in the journey. After a few times you have used the blocks, then Gutenberg WordPress Editor records it.
A quick way to access the most frequently used elements.
New Visual Styles
The new WordPress page editor allows users to add colors, fonts, font size, background color, block settings, and more. Several options were added to the new editor, which eliminates the third-party plugins to add or edit a sentence innovatively.
After spending a few minutes, you realize that WordPress official dev team is taking a major step towards the future. The editor does look and feel like a modern content management system and a clear path towards claiming the #1 spot.
Table of Contents
Third party WordPress theme developers add a feature that lets the users form a “table of contents,” so the readers or visitors can jump from topic #1 to #10 in an instant. In the past, we had to rely on the themes or a plugin, but you no longer have to depend on it.
The WordPress’s new Gutenberg editor allows you to create it without the assistance of additional add-on. The good part is that the site eliminates an extra plugin and it improves the overall performance as well.
Information Popup For Word & Block Counts
Now, the interesting part of the new WordPress Gutenberg Github plugin that it provides you with more information on the contents.
I have always loved that WordPress counts the number of words typed in the box and the developers have improved it.
- The word count position has changed, and you can keep track of it in a larger area.
- Now, it counts the number of blocks added to the content.
- In the end, you have headings counted in the same panel as well.
In short, you get more details, when compared to the traditional panel.
The advantages & disadvantages come from experience and personal usage. I am going to list down the number of PROS and CONS experienced during the usage.
- Modern design and user interface.
- No one can deny that it offers plenty of new features like embed, blocks, add new elements, and advanced options.
- Live preview of the custom HTML URL.
- Now, you can add codes to the WordPress articles, and search engines will crawl it in a better way.
- The new editor feature eliminates the additional plugins like “table of contents” and more.
- The plugin designed for smaller screens such as smartphones.
- I believe that the new interface affects the browsers running on 2 GB RAM and an older processor such as Pentium Dual-core.
- There are three scrolls down in the new editor, and I did not like it. It was a hassle to scroll down three different elements.
- You have to click two times to access the main elements like headings, hyperlink, and other options.
- The text editor or code editor removed from the original position and they shifted to settings.
- The Gutenberg update affects the newbie because the editor has become a little complicated.
If I were a newbie, then I would shift from Gutenberg to the classic editor because it has become a bit complicated. Every reader must learn to use the new editor because it does have an impact on SEO as well.
The name of the new WordPress editor came from the founder of printer technology Johannes Gutenberg. In the 15th century, Johannes invented the printing process in the world, and the WordPress paid tribute to the legend by naming the Gutenberg Editor.
Unfortunately, the official developers are going to push the latest edition in the next major update. Every user has to perfect it regardless of our liking and preferences.
Switch Back to Classic WordPress Editor
People like me don’t like the new WordPress editor that much, I still prefer to use an old version of post writing layout because new version still has some issues and it might take few months or so to make it more user-friendly…
So if you recently upgraded to latest version of WordPress 5.0 then you might feel trapped but there are 2 options to get your previous editor back on your website
Option 1: This is the simplest way to keep your WordPress up to date and get your Classic Editor over it by installing an additional plugin called “Classic Editor” Download Now:
Option 2: Another option is to downgrade your WordPress to the previous version until they are not fixing small bugs with New Gutenberg WordPress Editor using
I won’t turn my eye from the ratings because no one can deny that there is more space for the Gutenberg editor to improve.
However, you have to keep in mind that the team launched the beta version so that they can collect the feedback data. In the next major update, the Gutenberg WordPress Editor rolls up with an improved version.