How to Use Text Blocks in the WordPress Gutenberg Editor
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.
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:
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.
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.
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
- Gutenberg is the Biggest Ever Open Source Software Launch
- How to Use the New Gutenberg Editor in WordPress
- How to Use Columns in WordPress Gutenberg Editor
- How to Reuse Blocks in WordPress Gutenberg Editor
{snippet gutenbergvideo}