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

Heading Block

WordPress Gutenberg Blocks – Heading

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


Heading Block Description

The Heading Block lets you introduce new sections and organize content to help visitors (and search engines) understand your content structure.

Headings are normally used to indicate the start of a new topic.

(Add headings to WordPress using the Heading Block)

How To Use The Heading Block

To add a Heading 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 ‘Heading’ block …

(‘Add Block’ Tool – Add Heading Block)

Or, select a Heading Block in the Content Area

(Add a Heading Block from the Content Area)

After adding a Heading Block, type or paste in your heading …

(Type or paste in your heading)


After adding headings:

How To Edit A Heading Block

To edit a Heading Block:

(How To Edit A Heading Block)

HTML Anchor

An HTML Anchor lets you add links in your content pointing to different sections of your page (e.g. like in a Table of Contents) …

(HTML Anchor)

To create an HTML Anchor Link:

In the example below, we have created an HTML Anchor called #main

(Add an HTML Anchor ID to a heading)

The next step is to connect the Anchor ID in your Heading Block to your page. To do this:

(Add Anchor ID to Advanced Settings > HTML Anchor field)

To send post/page readers to the anchor link section you have created:

(Add an Anchor link to your content)

Now, when users click on the link containing your Anchor link, they will be taken to the section of the page you have marked with an HTML Anchor …

(HTML Anchor Link)

You can also convert a Paragraph Block into a Heading Block if you know how to use WordPress keyboard shortcuts

(Create a heading in a Paragraph Block)

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

How To Remove A Heading Block

To delete or remove a heading block:

(Remove a Heading Block)

Additionally …

Heading Block Tools, Options & Settings

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

Heading Block Editor

(Heading Block Editor)

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

(Heading Block Editor)

Heading Block Settings

(Heading Block Settings)

Heading Block settings include:

(Heading Block Settings)

Heading Block – Additional Info

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

(Change Block Type – Heading Block)

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


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


"Learning WordPress has been a huge stumbling block for me. I've been looking for something that covers absolutely everything but doesn't cost an arm and a leg. Thank you so much ... you have just provided me with what I have been looking for! Truly appreciated!" - Tanya
For a white label version of this tutorial visit WPTrainingManual.com.