ZeGuten — a collection of blocks for Gutenberg Get for $15.00

Heading block overview

ABOUT THE AUTHOR

SEO copywriter at Gutenix Team

Paragraph block overview
Prew post
  • Feb 06, 2020
  • 2 min read
  • 142

Heading block overview

From this quick overview, you will find out more about the Heading WordPress block. We will also learn how to customize this block in the Gutenberg editor.

Heading WordPress block is the most important part of any page, especially, if your website is one-page. You can style it in a bunch of ways, however, you have to learn something about the Heading tags hierarchy. The need to be only one H1 tag on the page. In addition, if you want to SEO optimize your landing page, you have to add a keyword in every headline.

Add a Heading block

As you’ve already learned the way to use a block in Gutenberg, simply add a Heading and let’s take a detailed look at its options.

create heading block

At the top panel of the Heading WordPress block, which appears when you click on it, you can find some common options, plus the ability to choose H2, H3 or H4 headings.

set the tag

Moving to the Heding Settings of the block, here you can broaden the horizon and choose heading size from H1 to H6.

select the tag

Style up the Heading block

As for the Color Settings, here everything is quite simple too. You may choose any color you want. However, you may skip this tab, as the color settings may be changed in the Customizer. Most of the themes have global typography settings available where you can set the global color to use for a specific heading type.

The Advanced tab now allows you not only to add an additional CSS class to your Heading block, but also to give it an anchor. Such a tool is actually quite useful while building a landing page.

As a rule, the landing page menu items are anchors, and by clicking on them, you will be directed to a certain section of the landing page.

We hope you liked our simple and quick Heading WordPress block overview. Subscribe to our newsletter and stay in touch for more useful tutorials and instructions!

1
Appreciate
Gallery block overview
Next post
Paragraph block overview
Prew post
Gallery block overview
Next post