Paragraph Block

The Paragraph Block lets you add a single paragraph of content to your post or page and is the most common type of block used to create content on your site.

[adrotate group=”6″]

WordPress Gutenberg Blocks – Paragraph

WordPress Gutenberg - Paragraph Block

This tutorial is part of our WordPress Gutenberg: The Ultimate Guide For Non-Technical WordPress Users series.

***

Paragraph Block Description

The Paragraph Block lets you add a single paragraph of simple text to your post or page. It is the most common type of block you will use to create and add content on your WordPress site …

Add text to WordPress using the Paragraph Block

(Add text to WordPress using the Paragraph Block)

How To Use The Paragraph Block

To add a Paragraph Block:

  • Either:
    • Click on the ‘Add Block’ tool in the Editing Toolbar section and select a ‘Paragraph’ block (in Most Used or Common Blocks section), or
    • Click on a ‘placeholder’ field in the Content Area and begin typing to automatically create a Paragraph Block.
  • Type or paste in your content.
  • Use the tools in the Paragraph Block Editor or Block Settings section to format and align your text, add hyperlinks, add typographic elements (e.g. Drop Cap), change font size and color,  add background color, and more.

Let’s go through the above steps:

First, create a new post or page or open an existing post or page and either:

Click on the ‘Add Block’ tool and select a ‘Paragraph’ block …

'Add Block' Tool - Paragraph Block

(‘Add Block’ Tool – Paragraph Block)

Or, click on a ‘placeholder’ field in the Content Area and begin typing to automatically create a Paragraph Block …

Begin typing to create a new Paragraph block

(Begin typing to create a new Paragraph block)

Type or paste in your text …

Type in your paragraph text

(Type in your paragraph text)

Update and publish your post or page to save your settings.

Info

Notes:

  • Pressing the ‘Enter’ key after typing in text automatically creates a new Paragraph block.
  • To preserve line breaks and prevent new Paragraph Blocks from being added when typing in a new line, create ‘hard returns’ (i.e. SHIFT + ENTER).
  • Pressing the ‘Backspace’ key at the beginning of a new paragraph adds the sentence to the previous paragraph block …

Split and join paragraphs

(Split and join paragraphs)

After adding paragraphs:

  • Edit and configure block settings,
  • Save, publish, or update your post or page.

How To Edit A Paragraph Block

To edit a Paragraph Block:

  • Click inside the Paragraph Block to select it.
  • Use the Block Editor tools to:
    • Change the alignment of the paragraph text
    • Format the text (bold, italics, strikethrough)
    • Add a hyperlink to the paragraph
  • Use the Block Settings to:
    • Change the font size of your text.
    • Add a drop cap to your paragraph.
    • Change font color.
    • Change background color.

Let’s go through the above steps:

After typing in your text use the Block Editor tools to format your paragraph …

Format your paragraph

(Format your paragraph)

You can change the font size of your paragraph in the Block Settings section by selecting a pre-configured option from the ‘Text Settings > Font Size’ drop-down menu, or typing in a specific font size for your text …

Change font size

(Change font size)

You can also add a drop cap to your paragraph …

Add a Drop Cap to your paragraph

(Add a Drop Cap to your paragraph)

You can also change the color of your text …

Change font color

(Change font color)

Or add a background color to your paragraph block …

Change background color

(Change background color)

Remember to update and publish your post or page to save your settings.

How To Remove A Paragraph Block

To delete or remove a paragraph block:

  • Click inside the Paragraph Block to select it.
  • Select the ‘More Options’ tool in the Block Editor.
  • Click on ‘Remove Block’.
  • The block will be removed from your post or page.

Remove a Paragraph Block

(Remove a Paragraph Block)

Additionally …

  • You can reposition your block using the ‘Move Up’ and ‘Move Down’ arrows or the Drag and Drop handle tool (see our ‘How To Use Blocks‘ tutorial if you need help with this step).
  • You can also convert Paragraph Blocks into Reusable Blocks.

Paragraph Block Tools, Options & Settings

The Paragraph Block includes tools, options, and settings for:

  • Paragraph Block Editor
  • Paragraph Block Settings

Paragraph Block Editor

Paragraph Block Editor

(Paragraph Block Editor)

The Paragraph Block Editor includes tools that let you perform the following operations:

  • Change Block Type (See ‘Paragraph Block – Additional Info’ section below.)
  • Align Text
    • Align text left
    • Align text center
    • Align text right
  • Format Text
    • Bold
    • Italics
    • Strikethrough
  • Add Hyperlinks
    • Paste link URL
    • Type to search and link to existing content
    • Hit ‘Enter’ or click ‘Apply’ button to create link
    • Option to open link in new tab
  • More Options

Paragraph Block Editor

(Paragraph Block Editor)

Paragraph Block Settings

Paragraph Block settings include:

  • Block description area
  • Text Settings
    • Font Size
      • Small
      • Normal
      • Large
      • Huge
    • Drop Cap
    • Color Settings
      • Background Color
      • Text Color
  • Advanced Settings
    • Additional CSS Class

Paragraph Block Settings

(Paragraph Block Settings)

Paragraph Block – Additional Info

The Paragraph Block can be converted into the following block types:

Change Block Type - Paragraph Block

(Change Block Type – Paragraph Block)

Info

Installing plugins or themes on your site may add new functionality, options, or settings to Paragraph Blocks.

***

Congratulations! Now you know how to use the WordPress Gutenberg content editor Paragraph Block.

WordPress Gutenberg - Making WordPress Easier For Non-Techies

[adrotate group=”6″]

***

[adrotate group=”3″]

Author: Martin Aranovitch

Martin Aranovitch is the owner of WPCompendium.org and the author of The WordPress User Manual. WPCompendium.org provides hundreds of FREE tutorials that show you how to use WordPress to grow your business online with no coding skills required! Get our FREE "101+ WordPress Tips, Tricks & Hacks For Non-Techies" e-course with loads of useful WordPress tips!

Originally published as Paragraph Block.