Add a heading

Use headings to break up large blocks of text with scannable headlines, populate the table of contents, and help search engines understand your page structure. In this guide, you will learn how to add headings, choose the right heading level, format text, change colors, and add inline images.

Adding headings breaks up large blocks of text and helps visitors quickly understand your content structure. To add a heading to your page or post, follow these steps:

1. From your site’s dashboard, edit the content you want to add the heading to.
2. Click the + block inserter (plus icon) and search for “Heading”.
   • Or, type /heading wherever you see “Type / to choose a block” to use a shortcut.
3. Click the Heading block icon:

4. Type your heading text in the new heading area.
   • Tip: You can also use the AI Assistant in the block toolbar that appears to help generate heading text ideas.
5. Click the Save or Publish button in the top-right of the editor.

For more information, visit our detailed instructions on adding blocks.

Headings follow a six-level hierarchy that ranks content by importance, with H1 being most important and H6 being least important.

To choose or change your heading level, follow these steps:

1. Click on your Heading block.
2. In the block toolbar that appears, click the heading level dropdown (shows H1, H2, H3, etc.).
3. Select your desired heading level.

Using proper heading levels helps search engines understand your content structure. WordPress automatically assigns H1 to the title of your pages and posts. Therefore, your first heading on the page will be H2. H3 headings are subheadings. H4 headings are sub-subheadings, and so on.

Text formatting helps emphasize important words and creates visual hierarchy within your headings. To format text in your heading, follow these steps:

1. Click on your Heading block.
2. Highlight the specific text you want to format.
3. Use the formatting options in the toolbar that appears:
   • Bold button for bold text
   • Italic button for italic text
   • Link button to add hyperlinks
   • Alignment buttons to align text left, center, or right
   • More (down arrow) for additional formatting like:
     • Footnote
     • Highlight (Text color)
     • Inline code
     • Inline image
     • Keyboard input
     • Language
     • Math
     • Strikethrough
     • Subscript
     • Superscript
     • Uppercase

Explore the block options (three dots) for more tools.

Adding color to your headings can help them stand out and match your site’s design. To change the overall appearance of your heading using block settings, follow these steps:

1. Click on your Heading block.
2. In the block settings sidebar, adjust the following settings:
   • Color settings
   • Typography settings
   • Dimensions settings
   • Border settings
   • Advanced block settings

You can also change the color or background of individual words within your heading. To change text or background colors for specific words in your heading, follow these steps:

1. Click on your Heading block.
2. Highlight the specific text you want to add color to.
3. Click the More (down arrow) icon in the block toolbar that appears.
4. Click Highlight.
5. Choose your color from the options:
   • Text: Changes the text color
   • Background: Adds a colored background behind the text
6. Click your desired color or use the color picker for custom colors.

You can transform a Heading block to a Stretchy Heading block to make the text stretch to the full width of its container:

Inline images can add visual interest to your headings, such as icons or small graphics that complement your text. To add an inline image to your heading, follow these steps:

1. Click on your Heading block.
2. Place your cursor where you want the image to appear in your heading text.
3. Click the More (down arrow) icon in the toolbar.
4. Click Inline image.
5. Select your image from the Media Library.
6. Click Insert.

To resize your inline image:

1. Click on the inline image within your heading.
2. Enter a new width value in the field that appears.
3. Click the curved arrow button to apply the changes.