How to Use Text Blocks in the WordPress Gutenberg Editor

How to Use the Text and Image Blocks in Gutenberg

Gutenberg comes with a variety of different standard blocks as part of the editor. Many of these standard blocks allow you to add text. There are also dozens of different plugins such as Advanced Gutenberg which add even more blocks and features.

Your first experience with Gutenberg is probably going to involve text blocks. If you just start typing on a new page or post, you have created a “Paragraph” block.

WordPress Paragraph block in Gutenberg

Look at the image above and you’ll see that a Paragraph block has an editing toolbar with these tools: Text alignment, Bold, Italic, Create a link, and Strikethrough.

This is a much more limited set of editing options than in previous version of WordPress. This is because many those old editing options have now become blocks. In addition to Paragraph blocks, you can also create blocks for Headings, Lists, Quotes, Preformatted or Verse:

Different text blocks in Gutenberg

Changing the settings for text blocks in Gutenberg

The three vertical dots on the right of the toolbar allow you remove the block, or insert another block before or after it. You can also add the block to your Reusable Blocks library or edit it as HTML.

Changing settings for a Gutenberg blocks

On the right-hand side of the screen, you have the block settings and here you can change the font size, foreground and background colors, or add an additional CSS class. You can also create a drop cap.

Changing settings for a Gutenberg text block

These settings differ depending on the type of block you are using, so if you have chosen a heading block, the settings will look like this:

On the left side of the block you will see these options:

On the right side of the screen you will see these options:

Notice that here you can add an HTML anchor if you want to link to a specific section of your page.


More Gutenberg Reading

{snippet gutenbergvideo}

Author

0 0 votes
Article Rating
Subscribe
Notify of
guest

0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x