Guide of the New Gutemberg Worpdress editor

With the return of the December long weekend we have found a surprise: WordPress 5.0 is here, and with it we launch the new Gutenberg editor.
We are going to try to make the transition easier for you with a small Guide with images to survive the most controversial editor in history.

But first we are going to explain what Gutenberg is , and if it is wise to update to WordPress 5.0 right now, or better to wait .

What is Gutenberg?

Gutemberg is the new WordPress editor . It incorporates a substantial change in the way of working, since it works exclusively by blocks . Although it seems strange at first, you will soon see that the adaptation is much simpler than it seems.

It is possible that you have preconceived ideas about Gutenberg, and that you feel annoyed that they change the system that you have always known. In addition, it has been in beta for years, and garnered countless reviews. But you should keep in mind that most of these criticisms did not come from its functionality, but from incompatibilities with plugins.

It is always important to update WordPress and adapt to the news

We recommend using flexible WordPress templates that can adapt to all kinds of updates, as they will also give you the best possible protection against spam and viruses.

If you have obsolete templates, it is better to consult forums or the company that authored the “theme” to see if the update is possible.

Fernando Tellado is a renowned WordPress expert and contributor. He, for the first time in ten years,   recommends not updating until January 2019 . The reason is that at the beginning or middle of January, it is assumed that a large part of the technical incidents that could arise with plugins and themes will have already been discovered and solved.

For example, here you will find a case of a Web update with Divi that broke after a full update. The user explains at the end of the post what happened and how he was able to solve it.

How to use the Gutenberg Editor step by step

As we have indicated at the beginning, here is a small Guide with the most frequent questions that may come to mind when you start using the Gutenberg editor for the first time.

From here, users often feel lost. It’s great to work without distractions, but… where is everything? Do not worry. Now we will show you image by image.

Just by clicking on the block, you will already see several of the most common options that you missed, since the classic editor appears by default :

If you wonder where the HTML editor is , don’t worry, it hasn’t disappeared.

You’ll find it by clicking the three dots on the side > Edit as HTML

Additionally, it is also visible with the <> symbol at the bottom of the block:

It is also true that the new Gutenberg editor has incorporated interesting improvements. For example, imagine that you need to write a piece of literal code in your post. To do it now you would only need to create a new block with the + symbol, and define that what you are going to write is code:

Another section that you should know if you start in the new WordPress 5.0 editor is Formats.

This section will allow you to change from classic editor to code, custom html, or insert a table, among other options. You will locate it by clicking on the + symbol to add a new block, below the most used options.

And if after all this, you need to delete a block, don’t worry. You can do it this way: click on the three dots symbol, and on the trash can > remove block

Another option that you may think has disappeared is the post word count. You will find it at the top of the page, a little hidden in our opinion, since before it was always visible.

They have enabled it in a section called Content Structure, with an informative (i) icon. Here you can check the outline of the document with the word count included.

Another option that may interest you is the change of URL. In the new editor you will only have to click on the title of the text, and a box will appear with the option to modify the URL.

We wanted to share with you this little guide with images on how to use Gutemberg step by step. We hope it will be useful and encourage you to try the new editor.