If thereβs one WordPress block youβll end up using sooner or later, itβs this one. The ParagraphΒ block is at the core of every WordPress blog post you read. Itβs very easy to use, and yet it hides some features that you might miss at first glance.
In this article, weβll tell you everything there is to know about the ParagraphΒ block. That includes how to use it, its settings and options, and answers to some common questions.
Letβs get to it!
How to Add the Paragraph Block to Your Post or Page
Adding theΒ ParagraphΒ block to your content takes just seconds. First, open the Block Editor and add a new block by clicking on the plus (+) sign within the body of the post or page.
The ParagraphΒ block should be among the first options you see. If it isnβt, click on Browse allΒ to check out all of the blocks at your disposal, or use the search bar:
Once you add theΒ ParagraphΒ block, you can go ahead and start typing. If you see the placeholder text βType / to choose a blockβ, as in the example above, youβre already working with thisΒ block.
Keep in mind that you wonβt see any customization options and settings for your text until you start typing. After you add some text, a formatting menu will appear over the block:
Letβs talk about what those formatting options are in the next section. Weβll also go over all of the other customization settings you can use with this keyΒ block.
Paragraph Block Settings and Options
If you publish blog posts (or any other type of written content), youβll probably spend a lot of time tinkering with text formatting to make it look just right. The Block Editor makes that process simple, by providing you with a menu full of formatting options. Most blocks have similar menus, but the options they include may vary.
In the case of theΒ ParagraphΒ block, here are the formatting options it gives you access to:
- Changing the type of block youβre using
- Modifying the text alignment
- Bolding and italicizing text
- Adding links to the paragraph
If youβve used a text editor of any kind, youβll probably recognize all of these options. Hereβs a quick cheat sheet that shows you where each individual setting is within the menu:
Youβll also notice that the formatting menu includes an icon with a downward arrow. Clicking on that arrow will open a sub-menu with additional options. There you can embed images within your paragraphs, adding inline code, and more:
There are some minor caveats to keep in mind when changing the formatting of your text. TheΒ ParagraphΒ block enables you to bold or italicize specific words, as well as add links to them. However, you canβt change text alignment for parts of a paragraph.
It may also come as a surprise not to see an option to add lists to your paragraphs. Thatβs because the Block Editor adds a standaloneΒ ListΒ block, which comes with its own set of features.
If youβre familiar with the Classic WordPress Editor, adding a new block for each paragraph you write may seem like too much work. However, the Block Editor makes that process simple. Each time that you hit Enter to move to a new line, the editor automatically adds a new ParagraphΒ block for you (which you can use or switch to another option).
Moving past formatting options, theΒ ParagraphΒ block also offers a few additional settings to help you to customize your text. To access them, click on the gear icon in the top-right corner of the editor:
From this menu, you can change the font size (1) and line height (2) for the paragraph youβre working on. Likewise, you can change the textβs overall color, its background, and the color of any links it contains (3). The menu also includes an option to add a drop cap to the paragraph youβre customizing (4):
All of the settings we just mentioned apply to the entire block. In other words, you canβt change the color or font size for specific words within each paragraph. Likewise, if you enable drop caps, that setting only applies the block you select.
Finally, theΒ ParagraphΒ block also enables you to add HTML anchors and CSS classes. That means you can use CSS to customize the block further if you want:
That covers all of the options and settings that are available for the ParagraphΒ block. Now all thatβs left is to start using it.
Tips and Best Practices for Using the Paragraph Block Effectively
TheΒ ParagraphΒ block is the foundation of most WordPress pages and posts. Youβll end up using this block so often that mastering all of its settings and options should come easily.
When it comes to paragraphs, the main thing to keep in mind is to avoid βwalls of text.β Using plenty of short paragraphs is much easier on the eyes and more engaging to users. Thatβs because when people read on the web, they tend to skip over the information they donβt deem relevant. By using shorter paragraphs, you can adapt your content to usersβ behavior.
Frequently Asked Questions About the Paragraph Block
If you have any questions about how to use theΒ ParagraphΒ block or its features, this section will answer them. Letβs start by talking about how WordPress treats each paragraph.
Can I Use a Single Paragraph Block?
If youβre coming from using the Classic WordPress Editor, having to add individual blocks for each paragraph can be a bit jarring. However, the Block Editor solves that problem by automatically adding a new ParagraphΒ block every time you hit Enter.
In theory, you can use a singleΒ ParagraphΒ block on a page or post, and include all of the content you want within it. However, long walls of text can be difficult to understand, so thatβs not an approach we recommend.
Can I Add Lists Within a Paragraph Block?
The Block Editor has separate blocks for lists and paragraphs. Thatβs because it provides different sets of formatting and styling options for each type of element. While that may be a bit surprising if youβre used to the Classic Editor, itβs a small change thatβs easy to get accustomed to.
How Do I Add Images Within the Paragraph Block?
TheΒ ParagraphΒ block enables you to add embedded images. However, we recommend that you use theΒ ImageΒ block instead. With theΒ ImageΒ block, you get access to many more options for customizing, resizing, and formatting your images.
Conclusion
Paragraphs are the glue that holds most websites together. We spend most of our time on the web reading content, and if youβre visiting a WordPress site, chances are that content was created using the ParagraphΒ block. Considering how important this element is, itβs essential that you learn its ins and outs.
In our experience, youβll spend most of your time in the Block Editor working with paragraphs, lists, images, and headings. Once you master those basic blocks, using more complex elements should come easily as well. The best thing about the Paragraph block specifically is that itβs as simple or as in-depth as you need it to be.
Do you have any questions about how to use theΒ ParagraphΒ block in WordPress? Letβs talk about them in the comments section below!
Featured Image via Alexander Limbach / shutterstock.com
How do I convert from the Divi visual editor to the block editor? Do I have to redesign the whole page?
At this point in time the Divi Builder and the WordPress Block Editor are highly compatible with each other, but not interchangeable. Divi is still much more advanced and most of its design features are not something the WordPress Block Editor can duplicate. So if you’ve designed something you like with it I wouldn’t recommend trying to recreate it with Gutenberg.
I’m wondering why there are so many posts lately on the ET blog about Gutenberg versus Divi – which has long had more advanced functionality than Gutenberg – and ET product tips and technology. I’d esp like to finally see something about “media site” functionality along the lines Extra was meant to provide, by integrating the needed Extra modules into Divi or updating Extra so it’s Divi compatible. A “Divi lite” version – faster front-end loading and simplified back-end interface (eliminating marginal Design tab options) – would also be nice.
Hey Jim, these posts are not meant to be Gutenberg vs Divi. They’re simply meant to show folks how to use the default WordPress editor. We currently integrate well with Gutenberg and as time goes by that integration will get better and better. When folks use Divi they’re always going to have the option to also use Gutenberg. So we’re trying to make sure we have high quality resources on that as well.