WordPress For Non-Techies: Free WordPress Tutorials – WPCompendium.org

Separator Block

WordPress Gutenberg Blocks – Separator

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


Separator Block Description

The Separator Block lets you break your content sections with a horizontal separator.

(Add a horizontal separator using the Separator Block)

How To Use The Separator Block

To add a Separator Block:

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 ‘Separator’ block …

(‘Add Block’ Tool – Add Separator Block)

Or, select a Separator Block in the Content Area

(Add a Separator Block from the Content Area)

After adding a Separator Block, you can add a horizontal separator:

(Add a horizontal separator)

After adding a horizontal separator:

How To Edit A Separator Block

To edit a Separator Block:

(Edit a Separator Block)

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

How To Remove A Separator Block

To delete or remove a separator block:

(Remove a Separator Block)

Additionally …

Separator Block Tools, Options & Settings

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

Separator Block Editor

(Separator Block Editor)

The Separator Block Editor displays:

Separator Block Settings

(Separator Block Settings)

Separator Block settings include:

Separator Block – Additional Info

(Change Block Type – Separator Block)


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


"If you're new to WordPress, this can stand on its own as a training course and will stay with you as you progress from beginner to advanced and even guru status." - Bruce (Columbus, Ohio)