If you are new to the new one WordPress editor Gutenberg is curious, so this article is suitable for you.
Gutenberg is a novice of WordPress editor. It was developed by using WordPress
REST API
, javascript and React . The editor feels modern, easy to use and very humble. Comparing Gutenberg and Classic Editor to compares two houses: one has many furniture and the other is almost none. Even if you think the minimalist style is a bit daunting, once you start using Gutengbao, the overall experience will be very happy.
Of course, Gutenberg also has its disadvantages. If you are very experienced in Classic Editor, you may feel that using Gutenberg seems to be a retrogression.
In this article, I will try to cover as many content as possible and let you let you Clearly understand the expectations for Gutenberg. I will discuss advantages and
disadvantages
, and how to improve these shortcomings, so that the transition is more seamless.
To start using it, you only need to update the wordpress to the latest version 
123] You can use Gutenberg. Gutenberg is now part of WordPress
core
. If you still have
Classic Editor plug -in , you can remove it first, and then prepare to use Gutenberg.
]
Gutenberg and Divi made great progress in integration.
In the early stage, you cannot save Divi and GUTenberg’s posts are not risked by losing everything.
Today, these problems have disappeared.
You can easily save the post made of Divi on Gutenberg, and you can still edit it with Divi.
This is also applicable to Elementor.
]
Gutenberg function is now seamless, you can let Divi, Elements, Gutenberg To run perfectly on the same site, you can even use different constructors to create different content without any problems. Of course, as long as you do not switch back to the Gutenberg editor when using DIVI, and forcibly save it, it will definitely cover
your divi content in this case. If you try to discard and use another builder to save the content The same happens.
General structure and block 123]
Gutenberg consists of a general structure of the block, each block is expressed and divided by HTML features, so for example, if you have a H2 title and a paragraph, you Will see 2 separate blocks. The idea behind Gutenberg is to separate through the HTML class. Although it looks strange at first, it has its advantages.
To check the editing and style options,
Please hang the mouse in [ 123] On the block. This will show a variety of options specific to blocks, such as providing H1 to H6 or different styles for the title of the title, such as coarse body, oblique body, link, etc.
]
Add new block button
It is a bit opposite to the smooth construction experience of the editor. It is out of reach. To add to the layout, you need to move the mouse to the upper left corner and click the additional icon.
The position of the new block button is a bit remote. After adding a new block, please remember that the position of the second \”Add block\” button will appear directly behind the last block.
The second button may be possible. Lost 
. You need to hang the mouse in the blank area to display the button. This happens only when adding a new module with paragraphs. You can easily add paragraphs through the \”input\” of the keyboard.
block management
Once you start to understand the concept of building blocks, you will find that Gu Tengbao is not just a blank space for a few buttons.
]
Gutenberg defaults to install all types The new blocks will be displayed on the new block structure.
Finally, after adding blocks, you can edit, cloned or delete it. This function is hidden under the three points on the right. Click these to open the block editing menu. Fortunately, as you can see, most options have shortcuts, so you can easily remember them. This provides possibilities for easy Klong blocks and mobile.
After adding a block, you can move them to the content, use the arrow to move up and down up and down and many more.
123] 
The sidebar is the simplest of all settings of Gu Tengbao. You will have two blocks on the sidebar, that is, the layout itself, and its information is the same as the information in the classic editor and block tab.
block tab displays the detailed options of a specific block. In this example, we can link the picture to the media file and select the number of columns we want to display. Each module has its own set of configurable options under the side bar tabs.
forward
The best way to be close to Gu Tengbao is to play everywhere and type as much as possible. Using Enter is the best way to stimulate new blocks. For example, if you decide to add a new paragraph block, you can choose to convert the block into the image or image library.
Use
Enter
Create
New block
is the best way to skip the hidden \”new block\” button. It will seriously affect your editing skills when trying to add it when using the mouse. By generating a new block with the Enter key, you can simply select the image icon on the right of the block to add the image later.
Editor
Add new image shortcut keys. This forces you to use the mouse, which completely destroys the writing process. If Gu Tengbao adds shortcuts inserted into the image and gallery, this may make the old classic editors get out of date soon.
]
Create paragraphs, title and image library, you can understand why when you have a large number of blocks that need to be re -arranged, Gutenberg is easier to use. Ready articlesLater, you can publish it and enjoy your first ancient Tengbao article. Remember, once you start creating a Gutenberg post
, you cannot return.
Gutenberg will add code to each article. If you decide to disable it in the future, it will look bad, so even if you can start trying it If you use it on your website, you will not be able to recover without manually modifying each post.
]
additional features
Unified toolbar and [ and [ and [ 123] The spotlight mode is two good supplements of Gu Tengbao. The unified mode is just like what it says. It unifies the toolbar of all modules at the top. Therefore, each time the module is edited, all the toolbar will be at the top, which is very convenient and imitate a certain way of the classic editor.
On the other hand, the SpotLight function will make the part of the part that you are editing. The brightness of all the contents of the other is darker. This is convenient when you have a very complicated article and need to focus on what you are doing. Both modes can be accessed under the Gutenberg configuration option -3 points in the upper right corner of the screen.
Gu Tengbao is amazing for the editor. It is much easier to deal with general copywriting because you can easily change and exchange blocks without destroying any content. In addition, you can
Edit block
, and you have a simple information menu, which allows you to
calculate the number of words.
]
42 Topic
peeking at the upcoming thing. We based on WordPress’s new visualized editor THE 42 THEME’s new project. It will soon be released on the Aspen Grove Studios website and the WordPress repository.
In summary What is
once you understand Fine difference , Gutenberg is an easy -to -use in use Editor. If you train yourself to use the Enter key and add images and other blocks from then on, Gu Tengbao can actively enhance your website construction
Experience
.
However, if you prefer to use the mouse, then all the aesthetics of Gutenberg will disappear, and your work efficiency will be affected. For those who are very familiar with classic editors, Gutenberg may be a challenge, but if you obey my advice here, you can easily adapt to Gutenberg.
