On December 6, 2018, WordPress experienced great changes with the launch of WordPress 5.0. The existing TinyMCE content editor disappeared and replaced with a new block editor named Gutenberg. With the new block editor, you can perform tasks that were previously impossible in word press, but are not the most intuitive tool when you first use it. In order to make the most of the new block editor and perform the same type of tasks as the previous TinyMCE editor, we decided to write this tutorial to help you familiarize yourself with how to use the block editor. The
Whether you have upgraded your site to WordPress 5.0 or continue to use WordPress 4.9, this tutorial will help* Note: the name of the new editor was specified as \
The (very) quick introduction to the WordPress Gutenberg Block Editor the biggest difference from the new editor is the block (hence the name \
There are three ways to insert a new block. First, you can use one of the two plus icons. This icon opens a pop-up window from which you can select the block to insert. The plus icon in the upper left corner is always visible. Insert a new block at the end of the content. This plus icon appears only when the mouse hovers over the space between two existing blocks. You can insert new blocks between existing blocks. Male driver will continue below. Second, you can also create a new empty block under the block that works by pressing enter. You can then use the plus icon to the left of the block to select the type of block to use. The
These various buttons will be easier to understand during the Block Editor tutorial. Let’s start with text, which is the most basic content of using text with the word press block editor. This section describes how to perform operations such as paragraph text, title, quotation marks, etc. You will then see how to insert links and other preferences. Adding more paragraph text makes it easy to create new paragraph text. Just click and type, just like in the previous editor. The only difference is that each time you press enter, the editor creates a separate block for the next segment. The
If you want to insert male titles (H2, H3, H4) and additional titles for other text blocks, one way is to insert a new title block. Or use the toolbar to convert a normal paragraph block to a title. The driver will continue to use the same method in the following other text blocks: Quotation marks are tilted, etc. Format text (alignment, color, etc.) format text using two areas. The first is the floating toolbar. This toolbar does not allow users to actively input
Show time only. Here, you can: The
If you do not like to change the way the toolbar appears and disappears by aligning bold and adding italics, you can also use the settings in the editor to fix the toolbar at the top of the interface. This works similarly to the classic TinyMCE editor. For other formatting options such as text color or font size, you can use the block sidebar (automatically selected after clicking the block). For example, click a paragraph to use the sidebar to make the text larger or smaller, or to change the text color. Unfortunately, these options are different in each block. For example, you cannot change the color of a title unless you are currently using custom CSS. The
The article will continue below. To insert a link, click the block containing the text you want to link. Then locate the link icon in the format toolbar. This opens an interface where you can add links (or open links on a new tab by clicking switch). How to insert media content (images, videos, etc.) now we have a good idea of how to use text in the block editor, so let’s take a look at another necessary part of the content: images and videos. One way to insert and format images, including alternate text, is to add image blocks. This allows you to access the WordPress media library or insert images from the URL (as in the previous editor). The
However, the block editor also adds a new method to insert simpler images. You can now drag the image directly from the desktop to the editor interface. After inserting an image, you can use the right sidebar to do the following: Add alternate text to change the image size. You can also enter directly below the create image link image at a specific URL to add subtitles. Male Video (and other included content) insertion help. Including video, the block editor provides you with all categories of inserted blocks:
After selecting the male block, just paste the URL of the content to be included. Male or YouTube URL is pasted on an empty block, saving several clicks. You can use the same method for all other types of included content. Before moving and reordering blocks, the word press editor needs to use cut and paste to move content. You can still do that with the new block editor, but it’s not perfect. For example, you can cut and paste text from a block, but an empty block of cut text still exists and is therefore not identical. The
Instead, it is generally recommended to use the built-in controls in the block editor. There are two ways to move a block: To access, hover over the block you want to manipulate. First, you can use the arrows to move the block up or down. Second, you can also use drag and drop to move anywhere on the page (to enable drag and drop, you must hover the mouse over the six points between the arrows). Male block editor. In order to work more efficiently, I hope the WordPress Gutenberg tutorials on more than 20 tricks provide good ideas on how to use the block editor at the basic level. However, after familiarizing yourself with the basics, there are many techniques that can help you work more efficiently with the editor. We are discussing how to use \
Try to collect all these tips into more than 20 Block Editor tip lists. One of the biggest advantages of the content extension Gutenberg Block Editor is that it is not limited to the default block set. The following new blocks can be added using the third-party Gutenberg block plug-in: Price list image library sliders are used late… And can the updated word press block editor be disabled? good It is easy to disable the new block editor and continue using the TinyMCE editor. In fact, we actually created a full post focused on this topic. Disable the WordPress Gutenberg Block Editor and learn how to continue using the classic TinyMCE editor. Take advantage of this word press Gutenberg tutorial! Whether you know the gutenberk editor or the WordPress Block Editor or not, I hope this tutorial is helpful. I hope you have now learned how to create content using the new block editor. If you have more questions about how to use the new block editor, please leave a message. I will try my best to help you!
