How to Use the Advanced Heading Block in WordPress

Advanced Heading Block

The Advanced Heading block is a powerful custom Gutenberg block that allows you to create eye-catching and engaging headings for your content. It gives you complete control over the styling, formatting, and design of your headings.

You can choose from a wide range of fonts, adjust the letter spacing, change the color, add background effects, and even apply animations. There are several Gutenberg block plugins in WordPress that come with the Advanced Headings block.

In this post, I will show you how to use the Advanced Heading block in WordPress with a popular Gutenberg block plugin. Get started.

How to Use the Advanced Heading Block in WordPress

Getwid is a block-rich customer Gutenberg block plugin. It includes 40+ custom Gutenberg blocks with many premade templates. Using them, you can ease your web design and content marketing functionalities. I will explain this tutorial using this plugin.

Step 01: Install and Activate the Getwid Plugin

Like any other plugin, install and activate the Getwid plugin from the backend of your WordPress site. It has both a free and premium version. However, the free version will allow you to use the Advanced Heading block.

Install and Activate the Getwid Plugin

Step 02: Add the Advanced Heading Block to the Editor

Find the Advanced Heading block from the Gutenberg block library by clicking the plus (+) icon. Add it to the editor.

You can see the the Advanced Heading block has been added to the editor

The Advanced Heading block is added to the editor

Step 03: Write Content and Customize the Advanced Heading Block

Write your desired content to the heading block.

Next, go to the General tab on the right sidebar. You’ll find various options on the tab to customize your Advanced Heading block. Those options and what you can do with them are:

  • Font Family: You can select your suitable front from a collection of 1000+ fonts.
  • Font Weight: Set the boldness of the Advanced Heading block by defining the font weight.
  • Font Size: Increase or decrease the font size and make it specifically for different device types.
  • Font Style: Three font styles are available: normal, italic, and inherit.
  • Text Transform: Four text transform modes: none, capitalize, lowercase, uppercase, and inherit.
  • Line Height: Set the distance between different lines under the Advanced Heading block.
  • Letter Spacing: Set the distance between letters under the Advanced Heading block.
  • Title Tag: Set heading tag (H2-h6) for the title.
Write Content and Customize the Advanced Heading Block

Come to the Styles tab after that. You can set the background color, text color, and padding for the block. Do the customization as you want.

Stylize the Advanced Heading block with Getwid

Thus, you can use the Advanced Heading block on WordPress.

Other Plugins that Includes the Advance Heading Block

There are some other Gutenberg block plugins as well that include the Advanced Heading block. You can use them also on your site. They are:

Conclusion

Headings are the second most crucial element on any blog post or page to hook readers’ attention after the post and page titles. There are many readers who don’t care about the description covered inside but the headings only. Once they find their key points are covered in the headings, they care to read the description in detail.

So, how you are crafting your headings is so important to create positive impressions on your readers and web visitors. Hope from now onwards, you can do it easily using the Gutenberg block plugins as covered above.

If there is any confusion in your mind regarding our topic today, we’re requesting you mention it in the comment box below. I will answer your question/comment as soon as possible.

Leave a Reply

Your email address will not be published. Required fields are marked *