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.
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.
Moving to the Heding Settings of the block, here you can broaden the horizon and choose heading size from H1 to H6.
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!