In the past 18 years, WordPress has experienced tremendous changes and progress. But the biggest change took place in 2017, when they first launched a new content editor Gutenberg to the world of WordPress users and developers.
Now, Gutenberg should be the future of WordPress and is also regarded as the default WordPress editor. This editor has changed the process of creating and publishing content in WordPress. This means that if you are a WordPress fan, then you need to have a strong control of Gutenberg.
In order to help you, we will gradually introduce all the information about Gu Tengbao you need to understand through some simple guidelines.
Directory
WordPress Gu Tengbao Editor profile
How to use WordPress Gutenberg editor (step -by -step guide)
Add title
Write text
Change the color of the text
123]
Add title block
Add and style button block
Insert image block
Add the embedded video to your content
] How to actual work in the interface of the Gutengbao Editor
How to enable the Gudantberg editor in WordPress
Extra reminder: Introduce some advanced Gutenberg blocks in WordPress
Let us start again from Gettenburg, otherwise you will get out of the trend!
It should not be late, let’s discuss it together.
WordPress Gutengbao editor profile
[
123] Gettenburg editor brings some major changes to your editing methods in WordPress. Dang 5.0When the WordPress version was launched on December 6, 2018, it replaced the Tinymce editor as the default WordPress editor.
With the Gutenberg block, you can easily add different types of content to your post or page, and then re -arrange the layout directly in the editor. It will raise your entire editing experience to a new level.
The editor will strive to create a new page and post to build experience, so that the writing rich post is effortless and \”block\”, so that today may need short code, custom HTML or \” \”Mysterious meat\” embedded discovery is easy.
Matt Murrenviger, the co -founder of WordPress
In addition, it also allows you to create dynamic content of different styles and settings. At first, if you use classic editors for a long time, it seems to be complicated for you. But gradually you are used to it, you will feel its use.
Despite this, it reduces your troubles of obtaining additional plug -in and expansion. The most important thing is that this new WordPress editor provides a lot of possibilities for everyone (including bloggers, writers, photographers and enterprises).
You can see the Gutenberg block editor in the picture below.
If you want to make full use of this tool, you must learn more about Gu Tengbao. In this ultimate Gutenberg user guide, we will focus on how users use Gutenberg editors more effectively.
You can quickly view the complete story of WordPress Gutenberg Blocks.
Let’s discuss in -depth.
How to use WordPress Gutenberg editor (step -by -step guidelines)
The main change brought by Gutenberg in the WordPress editor is a block -based editing method. Block can be anything:
A title
A paragraph of text [ 123]
A image
Embedded video
Quotation
button, etc.
After clicking the \”+\” button, you will see a window containing all available blocks. You can search for the block you need from this and use it in your content:
Now we will try to show you how to use people to use people Some popular blocks that usually need to be created.
1. Add title to your post/page
Each content has a title. Therefore, you must add a title to the post or page. In Gu Tengbao, you can add your title through this process.
2. Write your text in the paragraph
You need to add a paragraph first, you need to add a paragraph block. Then you only need to write your content on the block. How to work here.
Note:
The sub -menu above block allows you to change the text alignment method and text format of the content. You can further customize from the editor’s right menu.
3. Change the color of the text
Sometimes you need to change the text color, you can do it here.
4. Add title block Like paragraphs, you can use the title block to easily add the title to the content of the post.
5. Add and style button block
button is one of the important elements of the content. In Gutenberg, you can add the button very easily. In addition, you can insert multiple buttons in the same line.
In addition, you can change the color of the button text or background, as shown above.
6. Insert image block
Let’s add images to your content according to this example.
7. Add the embedded video to your content
Gutenberg also allows you to insert any type of embedded video in the post. Let’s see how to use this embedded video block.
See how easy it is! Now you can use the Gutenberg block editor according to the above example. You can also add other types of block content and use the Gutenberg editor to customize it.
In addition, if you want to know more about using the Gutengbao editor, you can find it here. Let’s take a look at how the Gudetberg editor interface works
Gutenberg is a powerful WordPress block editor, which allows you to allow you Edit the content of the post very easily. The most important thing is that it has a large number of advanced modules, so you can easily build your network content.
The use of Gutengbao Building blocks is simple and interesting. It is just dragging and dropping the block you need. In addition, you don’t need to focus on coding knowledge.
In fact, whenever you want to edit some content on the Gutenberg block, you can do anything you want to do completely. For your attention, please check this blog to learn about the Gutenberg block editor.
Let’s see how to use the Gutenberg editor and block with real examples.
1. Different writing modes
In Ge Tengbao editor, You will find three different writing modes to help your writing style. Top toolbar: The top toolbar helps to display everything at the same position.
Spotlight mode:
Spotlight is completely different from the top toolbar mode. In fact, when you choose this option, you can only edit the block you want to edit. Another block is still disabled.
Full screen
Mode : It will delete all the left sidebar of all your instrument panels and allow you to work in full screen mode Essence
2. Gutenberg keyboard shortcut key to speed up your workflow There are many keyboard shortcut keys in this editor. By using these shortcuts, you can also reduce the workload and save more time.
Ctrl + Alt Backspace Delete Selected Block
Insert a new block before selecting block Block-ctrl + alt + y
Show help-shift + alt + h
Save the change-CTRL + S
Cancel the last change-Ctrl + Z
Research the last cancellation operation-Ctrl + Shift + z
Show or hide the sidebar Ctrl + Shift +,
Turn to the next part of the editor’s Ctrl + \u0026#39;
3. Search from the library
It is very easy to search for blocks in the current default WordPress editor. You can search for specific blocks from the search index of the Ge Tengbao Block library. You only need to click the \”+\” button to get the window.
4. In visual editing editing Switch between the outer and code editor
In addition, sometimes you need to switch between visual editors and code editors for some changes. You do it here. 5. Overview of Gu Tengbao your document
Content outline is a very important part of the content structure. In the upper left corner of the editor, you will find a small \”i\” in a circle. By clicking it, you can see the complete structure of your blog at a glance.
6. Reusable block template
You can use the previously saved block design. Therefore, it can greatly save your time. How do you use it here.
From this obtaining some useful hints about this editor.
How to enable the Gudateburg editor in WordPress
Here, we will discuss how users are on your WordPress instrument Gutenberg block editor is enabled in the board. If you are using WordPress 5.0 and higher versions, you don’t need to open it alone. Because WordPress now has Gutenberg by default.
On the other handIf you are still using classic editors and plan to turn to Guttenburg editors. You can then easily install and activate the Gutenberg plug -in like other plug -in activation process.
You can find the Ge Tengbao link here.
Frequently Ask Answers on Gutenberg Block Editor (FAQ)
Reward: Introduce some advanced ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancient ancients. Tengbao Block
As we said, Gu Tengbao is about many different use blocks we always use to design posts or pages. Here we will introduce some powerful blocks, you can use them to provide extra smooth appearance for your blog.
Generally speaking, Gu Tengbao divides them into 7 categories. You will find in the following list:
The most commonly used
Common block formatting
Layout elements
] Small components
Embedded
Let us pay attention to some useful blocks.
Reference:
We often see the reference use in blogs or articles Essence In this new WordPress editor, you can use the \”reference\” block to add reference. You can use different styles to show your quotation in an attractive way.
Simple code:
This is another important piece you can use on the website page or post. Using this short code block, you can easily add the required member banners, product pictures, etc.
Classic:
Sometimes you need to restore your WordPress classic editor to edit your post content. Thanks Gutenberg for providing this amazing block so that you can easily use the old editor.
Custom HTML: This block can also help you add a custom HTML code to a blog post. In addition, you can use a third -party plug -in to explore more Gettenburg blocks.
Let us start with Gutengbao, lead by everyone!
Gu Tengbao editor is one of the major changes in WordPress history. adaptThis new interface may take some time.But in the long run, it will make your hands more powerfully create amazing content.
I hope this ultimate Gutenberg WordPress editor guide will help you understand this amazing block editor.Many useful aspects.Therefore, you can seamlessly handle this block editor.
So, what do you think of the Gutenberg editor so far?Do you think it is useful or useless?Publish a comment below to share your experience or doubts about the Gutenberg WordPress editor.
[
3. Change the color of the text 
Insert a new block before selecting block Block-ctrl + alt + y 
Embedded 