authorityzuloo.blogg.se - Wordpress gutenberg

#Wordpress gutenberg how to#

The goal of the contributors who worked on the Gutenberg WordPress editor is to make adding quality content easier.Ī regular editor requires the use of the codes and the HTML. It was named after the inventor of the printing press – Johannes Gutenberg. Hope this helps.Gutenberg introduces a new editor for WordPress. It is SUPER important that you remember to hit the RETURN button for every block you wish to add to the Group block otherwise, your items will not be in the same group. Now, It may appear as if these 2 things are not in the same group, because you don’t see the solid bar down the left side of both items (image and list) however if you click on the Block Navigation icon at the top of your screen you will see 2 things: 1) that image and list are both underneath Group, and 2) if you click on the word Group, the solid line along the left side that illustrates these 2 items are in the same group. I clicked on that + sign and then selected a List group which appeared. I clicked on the image and then HIT RETURN, which made another + sign appear under the lower right-hand corner of the image. I selected an image from my media library. Next I clicked on the + sign in the center of the group block and added an image block into the group. TheJett, I tried to recreate your scenario: I created a new post and added the group block by clicking the + sign.

#Wordpress gutenberg how to#

How to Embed Google Docs in WordPress Gutenberg.

How to embed Wistia videos in Gutenberg.

How to embed Twitch videos in Gutenberg.

To delete a Group Block, simply click the 3 vertical dots and select Remove Block from the dropdown menu. Remember, any time that you lose sight of the Group Block, simply click the Block Navigation button at the top of your screen and click on the word “Group.”

Click the + sign located below the List Block.Īfter you upload an image you will find it located inside the group and after the List Block.

If you select the + sign underneath the List Block, then your next block will show up after the List Block. If you select the one underneath the Paragraph block, then the block you add will appear directly after the Paragraph Block.

Locate the + signs underneath each existing child block in this group.

The vertical, dark grey bar on the left side of the box shows you that all the “children” are present. You will now notice that the Group Block outline has returned on your page. Notice the “children” attached to the Group icon?

Click on the Block Navigation button at the top of your screen.

Trust me, your items are still in a Group Block, and I’ll show you where to find them now. You will remember we talked about the illusion of the Group Block disappearing.

Type a few items to create a list (ex.

Hit “Return” key on your keyboard after you are finished.Type your content in the paragraph block.I will show you where to find it in a moment. You will notice that the Group Block seems to disappear the second you select the Paragraph Block, but it has not. Click on + sign in center of the Group Block.

(This is not and will not be part of the Group Block). Think of it as a “parent” block that can hold multiple “child” blocks within it.

Gutenberg 5.5 introduced a Group Block making Reusable blocks even better.Ī Group Block can house other blocks together inside one container. In combination with a plugin such as Advanced Gutenberg, you can create really powerful layouts for WordPress. I’m able to create an image with a caption, or a list of useful links, and quickly drop it into any post. The Reusable blocks feature has been particularly useful. I’ve been using (and enjoying) Gutenberg more and more, and I’ve learned to work around its eccentricities and in many way it has made my blogging faster and easier.