How to apply headings within a post

Headings or heading styles refer to the stylized text titles that appear throughout a post or page. They might look something like this:

This is a heading

Applying heading styles within your blog posts not only help your readers navigate content and digest it more easily, but it can also positively impact your SEO

All <em>press themes are packaged with default heading styles, meaning the default font styles have been coded to look great within our themes. If you add on your own Google Fonts or custom fonts to a theme, the styles should still inherit nicely, but might require further tweaking. In our Pearl and Hayes themes, this can be done by navigating to Appearance > Customize > Font Options. For customers using our Font Customizer plugin for the Rania, Presidio, Miramar, Brevier and Archer themes, your heading styles have been pre-styled, and should look great no matter which font combination you choose!


HOW TO APPLY HEADING STYLES IN WORDPRESS


CLASSIC EDITOR

If you're using the Classic Editor environment in WordPress, follow these steps to apply headings.

1. First, write the text you wish to apply a heading style to. Then, highlight it with the mouse cursor.

2. Next, look for the dropdown menu in the post editor that reads Paragraph. Change this to the heading of your choice. That's it!

You can preview your post to make sure the heading styles have applied as you like them. In our example above, the corresponding heading styles look like this:


BLOCK (GUTENBERG) EDITOR

If you're using the Block Editor environment in WordPress, follow these steps to apply headings.

1. First, write the text you wish to apply a heading style to. Then, highlight it with the mouse cursor.

2. In the flyout options bar that loads above the highlighted text, click on the paragraph icon ΒΆ and dropdown menu. Then, select Heading. You can click on the heading icon that loads within the options bar to select your preferred heading style, or use the heading icons on the right side settings panel to select your style. Here's a video showing you both options:


QUICK TIP

If you have a hard time remembering what each heading style looks like, you may wish to create a draft post featuring only your heading styles, which you can then quickly preview as a reference when you need it. It might look like this: