Today, we will have a quick look at something super important when working with WordPress: How to Add A Subheading!
When writing our blog posts and articles in WordPress, of course we should keep things organized structured, and one nice way to do this is obviously to make use of subheadings.
So, how can you add a subheading into your WordPress post?
Let’s find out together! We will both cover the Classic Editor and also the New Gutenberg Editor!
Adding Subheadings to WordPress using the Classic Editor
If you have been blogging for a while, chances are that you are still using the Classic Editor.
Or maybe, me included, you are just not that much of a fan of the new Gutenberg Editor and you just simply prefer the Classic Editor over the Gutenberg editor.
So, let’s assume you are still using Add A Subheading in WordPress.
The first thing to note here is that, unfortunately, the classic editor does not just simply let you add subheadings from the WordPress Editor toolbar (the Gutenberg editor does, but we will get to that later on.)
To fix this, there are two cool things that we can do.
First of all, we can easily solve this by installed the plugin: TinyMCE Advanced Editor.
To do so, just head over to Plugins —> Add New from within your WordPress Dashboard (left side).
Now, search for TinyMCE Advanced (by: Andrew Ozz) and install that plugin. After you have installed the plugin, activate it.
After you have done that, you will now have an extended WordPress Editor toolbar that will easily let you add and change headings & subheadings.
As you can see in the picture above, all you need to do is to click on “Paragraph” and then you will be able to choose the desired subheading from the list that will appear.
Once you have installed TinyMCE Editor, you will always be able to do subheadings like this.
For every single post.
This is actually very handy.
And TinyMCE Editor is a free plugin.
Now, there is one more method that you guys can use to add subheadings to your WordPress posts.
This method works for both the Gutenberg Editor and also the Classic Editor.
Read on to find out how to do it. It’s really simple, too!
Adding To Add Subheadings in WordPress (Gutenberg Editor)
Some time ago, WordPress introduced the new Gutenberg Editor.
If you happen to just have started your blog, the Gutenberg Editor comes preinstalled for you and is actually your standard editor.
The reason why this is important is that adding subheadings is slightly different when using the Gutenberg Editor than it used to be before with the Classic Editor.
But don’t worry guys. I will cover both editors in this post.
Now, let us first have a look at how you can add subheadings in the Gutenberg Editor:
So I assume you have your WordPress post open and ready for that. If you haven’t, go to Posts —> Add new.
What you will see there is the add title field. This field is for the main title of your blog post (Heading 1).
Now, add whatever text you would like.
Maybe you could write the sentence “How to Add Subheadings In WordPress?”
Copy that text a couple of times, so that you have a few sentences in your post.
It is now time add a subheading (Heading 2), so that we can add some more text after that.
To do just that, click on a new line and then you will want to click the Plus Symbol on the right side (bottom right corner, it is called “Add Block”)
There, simply select “Heading” and you will be able to choose what kind of heading you would like to insert.
If this is going to be your first subheading in your WordPress post (=first subheading after the main title), you will want to choose H2 heading.
To make it a H2 heading, first write the desired heading text into the new block, then choose h2 from the toolbar.
You will find the regular toolbar at the top of your post (see screenshot above)
Also, there is another way to actually select the level of heading that you need.
Rather than selecting/choosing it from the topbar, you can also select it from the settings menu (displayed on the right side of the post as a kind of sidebar).
To choose it from there, first click on settings on the top right corner of your post (the settings button has a little wheel on it).
There, choose “Block” and then under “Heading settings” you can also adjust the Heading level.
That’s it already. You see, adding subheadings in WordPress is a very easy task.
The procedure to add these headings is always the same, no matter if we are talking about Heading 1, Heading 2, Heading 3, Heading 4, Heading 5 or even Heading 6.
It generally doesn’t make a lot of sense to go that deep with headings, though.
I would advise you to just use Heading 1 as the main title and then just use Heading 2. For most shorter texts (up to like 1500 words), this will do.
If you do craft very long texts, go a little bit deeper and also use Heading 3.
From an SEO standpoint, it is totally fine to keep it very simple here and just use Heading 1 and Heading 2.
Manually adding subheadings using the WordPress Classic Editor
Let us have a look at yet another cool and easy way to add subheadings to your WordPress posts, be it using the Classic Editor or the Gutenberg Editor.
As you probably know, WordPress always had a Visual editor and a Code editor.
The methods we have discussed so far were all based on the Visual editor.
This means that we used the visual editor to actually add our subheadings to our WordPress posts.
Now, this can also be done manually, directly inside of the Code editor. If you are a programmer or just like messing with code, then this method is for you.
And to be honest, this method is actually pretty easy and straightforward.
If you are using the Classic Editor, what you want to do is to first switch to the Code Editor.
In the Classic Editor, the Code Editor is actually called Text Editor (or just simply text).
See in the screenshot below where you can switch over to the text editor (where all the code is)
So, all that you need to do is to click on “Text” and the Text Editor (Code Editor) will open.
In the text editor, you will see all the code that is automatically generated while you write your text.
Now, to manually add a subheading to the code editor, all you need to do is to put the text that you want as subheading between this code here:
So, to give you an example: If you would like to have the sentence “WordPress is the most awesome piece of software ever” as a subheading 2, what you would need to do is to put that between the code I just provided.
It would look like this:
<h2>Wordpress is the most awesome piece of software ever</h2>
This does obviously work for all sorts of subheadings, not just for Heading 2. So instead of <h2>, you could very well also have <h3>, <h4> and so on.
Just always make sure that if you do choose let’s say <h3>, then at the end of the text that you would like to use the subheading, you will also need to change that into </h3>.
The slash (/) indicates that the piece of code is finished.
So with <h3> you are basically opening the code up and in the end of your subheading you are going to close it with </h3>.
Now, as far as manually adding subheadings in the new Gutenberg editor goes, the process of doing so is actually almost identical. Let’s get that off the table as well.
Adding Subheadings manually using the Gutenberg Editor
To add subheadings manually in the Gutenberg editor, the first thing you want to do is to click the “More tools & options” menu which is located in the top right corner (the button image features three small dots aligned vertically).
Now, select Code Editor.
The code that you need to add here is exactly the same as in the Classic Editor. So just choose the part of text that you would like to have as a subheading and put <h2></h2>, <h3></h3> or <h4></h4> around it. Done.
That’s it, already. It’s that simple.
Oh, and if you would like to browse through your headings while being in the code editor, you can simply press Ctrl + F on a Windows PC or Command (Apple) + F on a Mac and then input the heading that you are looking for (like h2 or h3 or h4).
Like this, you will find your headings real quick and if necessary, you can make quick adjustments to them.
Pretty handy, indeed.
I hope you enjoyed this tutorial. If you did, you might also want to check out the Maschituts Youtube Channel.
I got lots of interesting tutorials up on that channel covering everything from WordPress to SEO to Premiere Pro and all the other nice stuff that bloggers (should) use on a daily basis.
And if you are still new to this blogging thing, have a look at our interesting article on blogging as a career!
Why Use Subheadings in WordPress in the first place
Subheadings give your content structure.
Think of how chapters and subchapters are presented in a table of contents.
Here’s an example of the “Contents at a Glance” for the WordPress for Dummies book.
The index is split into Part 1, followed by Chapters for each Part.
It makes it easily scannable and it’s structured with a logical flow.
“Part 1: Introducing WordPress
Chapter 1: What WordPress can Do for You
Chapter 2: WordPress Basics”
Then in Part 2 is another subheading with the Chapters for that part in a smaller subheading.
The structure on a web page would be:
Heading 2: Part 1
Heading 3: Chapter 1
Heading 3: Chapter 2
Heading 1 doesn’t apply because your site title, or page title will be programmed (in your theme) to be in heading 1. That’s the most important part of a page and shouldn’t be over used.
For SEO, your most important keyword, aka, your target keyword phrase, goes in your page or post title.
That should automatically be applied as a Heading 1 or Heading 2, depending on your theme.
Most themes have Heading 1 for the site title, then pages and post titles are Heading 2.
Once you get into the content editor, then, it’s good practice to structure your content with subheadings.
The simplest way to work out what your headings should be is to use an outline.
In the case of this post, it’s about how to add a subheading in WordPress and there’s a few different ways to do it, depending on the set up of the editor.
The outline for the various ways that’s going to be covered are:
How to add a subheading in WordPress
- Using the block editor
- Using the classic editor
- Adding heading tags with page builders
- Adding (or editing) heading tags in HTML
That outline above is the structure of the page and the heading tags are how search engines could be instructed to view the importance of each element.
From a reader perspective, it’s easily scannable.
And that’s how people (in a hurry) read web pages. They scan until they find a section that has the information they need.
Keeping them all in H2 means they’re all equally very important. Because they will be to someone, depending on the editor they’re using.
In order of importance, heading 1 is the most important, followed by H2, then 3, 4 and so on. Rarely is anything higher than a heading four any use.
Hey guys! It’s me, Marcel, aka Maschi. On MaschiTuts, it’s all about tutorials! No matter the topic of the article, the goal always remains the same: Providing you guys with the most in-depth and helpful tutorials!