Is it clean? Now I’m going to roll up my sleeves and start my business. You cannot write without adding an exact title. The advantage is that you can easily add titles with Gutenberg. The first block is the title at the top of the document, as shown above. To create a title for a post, enter it in a block. Simple as a, B, C. Do you need to modify the permer link? Click the Edit button to easily complete it in the title block, as shown below: After adding the title, press enter to start a new line. Yes, Gutenberg keeps his favorite default navigation in the classic word press editor. The
Press add new paragraph enter to generate a new paragraph block as shown above. The block displays several options before entering text. For details, see the following numbered images. Male notebook. You can: Converts a new paragraph block to another block, such as an image, title, cover page, gallery, woocomer, form, and so on. In order to use shortcuts to change a paragraph block to an image block, to change a paragraph block to a title block (for example, H2, H3, H4), and to convert a paragraph block to a sign image block, leave the first paragraph as a sequence. After adding text, the Formatting toolbar appears as follows: The
Thanks to the format toolbar, you can: Insert additional inline images (for example, existing) to convert paragraphs into sections, citations, titles, lists, codes, and preset text, underline italic, strikethrough, and content, then align text left, right, and center, and open text on new labels aligned at both ends! Mask settings hide block copy inserts a block before or after the current block (in this case, this is the first paragraph, nothing has been added before, but the block has been added after). If desired, you can add a cover image block before the first paragraph. Add the current block to the reusable block so that the good block can be edited as HTML and used in other posts. You can further customize paragraph blocks using the options available on the blocks tab in the side bar menu, as shown under delete blocks completely. The
Male several precautions for the above picture: to view all shielding options and settings, please select the shielding label here. Select the font size and enable uppercase display here. Adds a background color to the paragraph. It has been set to blue for description. You can also customize the text color. In both cases, you can add custom colors without restrictions. You can add custom CSS classes here. That is, you can add CSS styles to blocks. There are other tabs in the document tab sidebar menu of the applied blue background and paragraph start marker text sidebar in the Gutenberg editor. Document tab, as shown in the following figure. The
The precautions for the above pictures are as follows: Click here to switch to the documents tab. Here, you can subscribe to a post, make it public or private, set the post to be reviewed, select the post format, and create a fixed post. You can edit the permer link in the section. Here you can select or create a new category. Add tags to posts recommend image settings manually create excerpt comments, allow pink back and track back, as you can see, there are many options to design paragraph blocks (and the entire post) as needed. Yes, other blocks have different settings. You will learn later. After the first paragraph, press enter again to create a new row (or paragraph block). Now, let’s add an image under the first paragraph. Add pictures in Gutenberg. They say 2000 words about pictures, but the blog posts without pictures are very monotonous
In (or block), click the plus sign (+) icon, navigate to the layout element, and then click the buttons tab as follows: In this way, it will move to the button block described in detail below. As you can see from the above picture, you can edit the button text and add links. You can also customize the buttons through the sidebar menu on the right side of the screen. After a few clicks, here’s what I got. However, Gutenberg will notify you immediately if you use hard to read color combinations on the buttons. How nice. The method of adding columns in Gutenberg adds columns with beautiful buttons. Notice that we will add two columns. Here are the actions to perform: Click the plus sign (+) icon, navigate to the layout element, and then click the columns tab, as shown in the following image. Male Gutenberg adds two columns by default. Refer to the image below and remember that you have added content to the column. Male get me: MALEA few seconds of work do no harm. However, you may not want to create columns. You may want to display an image next to the text. Are there any building blocks there? Yes, there is! In Gutenberg, how to add an image next to the text? Do you want to add an image next to the text? If so, you will like the next section. As usual, click the plus sign (+) icon, navigate to the layout element, and then click media and text as follows: The media and text block must be displayed as shown below. Male then upload images \/ videos \/ media or add them from the media library. Then add text next to the media as follows: While playing the media&text block, I thought of the next one. be careful I also pressed the button there! Let’s look at the front end. Here: does male look professional? You can imagine exactly how much Gutenberg editor can achieve. Third party tenberg block WordPress developers are keen to create themes and plug-ins that are compatible with the Gutenberg editor. Several examples are woocomerce, jetpack, and yoast SEO. For example, you can add a woocommerce block to a word press post. First, woocommerce must be installed and activated. Then click the plus sign (+) icon on the new row, go to woocommerce, and select the desired block, as shown below: Do you know what this means? This means that you can create rich media and excellent posts and pages in minutes. Other noteworthy blocks we have reached more than 2000 words. If we continue, we will write the entire ebook. I hope my prayer can now use Gutenberg without any problem. By the way, here is a list of other available blocks. Component – you can add the content of a component to a blog post. Shortcut code – you can still use the default text to imprint shortcut code classic – excellent block details for saving old content – blocks were previously considered to be detailed labels. Customize HTML, citations, table gallery and themes and plug-ins used by HTML5 audio \/ video according to page breaks, separators, layout, and put them aside: creating a WordPress page is only a few minutes away from creating a post save, so we won’t discuss them in detail today. Fast Gutenberg hackers and keyboard shortcuts Gutenberg offers several hackers and keyboard shortcuts to make them easier to use. For example, if you enter \
