The Heading Block

Learn The Heading Block

The heading block is a block for adding structure to your post or pages. It’s based on HTML heading tags ranging from H1 being the largest and most important to H6 being the smallest and least important. Headings offer visual structure but they also inform search engines about the structure of your content and what is important. This means that if you simply want larger text, you should format a paragraph to have larger text, but use a heading tag when you want to divide or structure your content. 

As far as the rules of heading blocks go there should only be one H1 on each page. The H1 will be the title of your page, so when you are adding heading blocks, the largest block you should use is an H2. For subheadings under H2’s you can use H3’s and for a subheading of that subheading, an H4. I think you see the pattern…

Now that you know how to use the heading block let’s learn how to add one. To add a heading block press the + button that you have been using to add blocks and select the heading option. WordPress will try to give you the right-sized heading but you can change it if you need to. We will get to that in a second. In the meantime, to add the content of your heading, click where it says “Write heading…” and type in your heading.

This image shows where to add a heading to your page or post and is in the upper center of the page below the title.

If the heading that WordPress gave you is too big, you can select a different sized heading in the block settings section that can be found on the right-hand side of your screen. We have highlighted those options for you in the screenshot below if you’re having a hard time finding it. 

This image shows where to go to select different heading sizes and is directly below the heading toolbar in the center of the screen.

The other options you have when it comes to the heading block is to change the color of the text or the background color. You can do that under the color settings section, which is circled in red in the screenshot below. You can pick from one of the colors in the circles by clicking on them, or you can click custom color to use the color picker or to enter a hex code.

While changing colors is always an option, it is worth noting that you probably shouldn’t go crazy and make all of your headings a different color for design purposes. Ideally, most of your headings will be the same color, or if you opt for a different color, it is to indicate something different about that heading.

This image shows where you can change the color settings for your heading text, as well as the background color. It is in the right-hand side of your screen towards the center.

That’s all for the heading block. For help with other blocks, check out the full list of blocks we have guides on here.

Previous Guide
Next Guide

Are You Ready to Uplevel Your Web Presence?

Use the form to the right to share a little bit of information about yourself, and we'll be in touch within one business day to learn about how we can help!