WordPress Development

How to Add a Subheading in WordPress? : A Guide for Beginners

Dan Riebling
Dan Riebling
Calender Img
How to Add a Subheading in WordPress

WordPress is one of the most popular content management systems (CMS) used by millions of webmasters worldwide. If you own a WP site or use it, you have to know how to add a subheading in WordPress.

Here we have covered how you can do that in Classic, Block, and Gutenberg editors. These editors are different WordPress plugins that do pretty much the same thing (except for a few unique cases) but have different formats used based on the user’s preference.

What’s more, you will learn how to do it with both visual and text methods in each of these editors in case you need any specific instructions.

How to add a subheading in WordPress?

A subheading is a secondary title that you use after the main heading/title. In WordPress, subheadings are divided into categories like H2, H3, H4, H5, and H6. These are based on which subheading is under which subheading.

Block editor

Visual method

Step 1: The first and obvious step – log in to your account.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: From your posts, find out the article you wish to edit. There will be an edit option underneath your post similar to the shown example. Click on that.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 3: Once you log into your editor, select your choice of words for a subheader. We have highlighted the part we want to make a subheading of in the following image.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 4: Once you select the words, a toolbar will appear on top like the picture.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 5: Click on the leftmost option in the toolbar (as highlighted in the image). A menu will open up as you can see. From the options, select “Heading.”

Getweb Inc - Full-Cycle Web Design and Development Services

Step 6: Once you click on the “Heading” option, the toolbar will change and display a heading selection option like the image.

Getweb Inc - Full-Cycle Web Design and Development Services

Click on the “H” icon and you will be displayed options like below.

Getweb Inc - Full-Cycle Web Design and Development Services

Select your desired heading option and you will get your result as shown.

Getweb Inc - Full-Cycle Web Design and Development Services

Text method

If you want to edit your subheading by HTML then do the following.

Step 1: When you select your subheading and the toolbar appears, click on the rightmost box.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: You will find a menu when you click on that option. Press “Edit as HTML.”

Getweb Inc - Full-Cycle Web Design and Development Services

Step 3: Your selected paragraph will be shown in an HTML format.

Getweb Inc - Full-Cycle Web Design and Development Services

You can put your subheading in between h2 and h6 (<h2>your subheading</h2>).

Getweb Inc - Full-Cycle Web Design and Development Services

You will be shown your subheading like this.

Getweb Inc - Full-Cycle Web Design and Development Services

Classic editor

Visual method

Step 1: Select the part of your blog you wish to turn into a subheader. When you click on one part of a writing in a blog, the whole paragraph will be selected.

Select the parts you wish to turn into a subheading. In this, example, we have highlighted the parts we will be using for demonstration.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: When you select your subheader, look out at the top left corner of the screen. There is a box with “paragraph” written on it. Click on it and you will see a drop-down menu of options that will include all the subheadings. Click on the heading type you wish to see.

Getweb Inc - Full-Cycle Web Design and Development Services

There you have it. If you follow the steps, you should see results like the example below.

Getweb Inc - Full-Cycle Web Design and Development Services

Text method

If you need to code in the procedure through HTML, you should try using the text method. To do that, follow the steps.

Step 1: After clicking on edit on the main posts page, look at the top right part of the screen. You will see a toggle option for switching between visual and text modes. Click on the text.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: Your blog will now be shown in HTML format. You can now manually code in anything you want. To make a subheading, select the desired part and keep it between h2 and h6 (<h2>your subheading</h2>) as shown below.

Getweb Inc - Full-Cycle Web Design and Development Services

That’s it, you are done! Toggle back to the visual mode to see the result.

Gutenberg editor

Visual method

Step 1: Select the intended subheader.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: Click on the top left option that says “Paragraph”. A menu will drop down with all the heading options.

Getweb Inc - Full-Cycle Web Design and Development Services

Step 3: Click on the desired headline and you will get your wanted subheader.

Getweb Inc - Full-Cycle Web Design and Development Services

Text method

Step 1: Select the paragraph or line that you need as a subheader. Then look at the uppermost toolbar, the one above the option for “paragraph.” Click on the right-most option as shown. 

Getweb Inc - Full-Cycle Web Design and Development Services

Step 2: Clicking on the specified button will open up a menu. From that menu, click “Edit as HTML.”

Getweb Inc - Full-Cycle Web Design and Development Services

Step 3: Your whole document will now be shown in HTML format. As usual, put your subheader between h2 and h6 this way.

Getweb Inc - Full-Cycle Web Design and Development Services

Switching to visual mode will show you your result.

Getweb Inc - Full-Cycle Web Design and Development Services

Conclusion 

Now that you know how to add a subheading in WordPress, we hope your content will now be clean and easy to read for the benefits of the traffic.

FAQs 

Q. Can you have multiple H1s in your article?

Ans. Technically, you can. However, having multiple H1s is bad for SEO, so it’s bad for business. It is highly recommended that you do not do that.

Q. Should I use every sub-header? (eg:H2, H3, H4, H5 and H6)

Ans. Subheaders are meant to break your blogs into readable portions. Use them whenever you think will categorize your thoughts systematically. Do not use all of them without any intended purpose.

Q. How should I size my headings?

Ans. H1 usually has the highest font size and the subheadings then gradually decrease in size; i.e., H2 is bigger than H3, H3 is bigger than H4, and so on. However, do not make them too small if you go all the way to H6. Use your judgment when determining what size fits best with which category.

Q. Are subheadings important for SEO?

Ans. They are incredibly important for SEO as Google judges what you put in them to rank your website. They allow Google and the writer what to expect from the following paragraph so write them wisely.


Dan Riebling
VIP Contributor
Dan Riebling
Mobile App Developer

A seasoned software engineer with 12 years of experience under his belt, Dan knows only customer satisfaction drives sales. Although he puts his focus on product design, clean code, and app architecture, he knows it is those small coding and design decisions that ultimately result in a great user experience.


No Comments

Leave a comment

Related blog

Read more on our blog

Check out the knowledge base collected and distilled by experienced professionals.


What Makes a Good Logo? : 5 Essential Traits You Can’t Ignore

Logos are everywhere around us. From the iconic golden arches of McDonald's to the swoosh of Nike, logos are symbols that represent companies, brands, and even ideas. But...

Branding vs Logo: What Every Business Owner Should Know

Branding is all about creating a distinct identity, image, and reputation for your company in the minds of your target audience, prospects, and customers. It’s a broad idea...

Landing Page vs Website: What Every Business Owner Should Know

When starting out with establishing your business’s online presence, you might hear terms like "landing page" and "website" thrown around. To put it simply, a website is a...

Top 10 Best Landing Page Design Companies in 2024 for Real Conversions!

It’s easy to design a landing page with tools but if you want real conversion that ensures the best ROI possible, you will need pro help from a...

Top 20 Best Design and Branding Agencies in 2024

A branding agency helps its clients establish a strong and distinctive brand identity that sets them apart from the competition, connects with their target audience, and communicates their...

What Is a Software Development Life Cycle? : Detailed Guide (Updated 2024)

Software Development is a complicated process and without a systematic approach, the whole thing would be a mess.  This is where the Software Development Life Cycle (SDLC) comes...

Let us know how we can help!

We are eager to listen to killer ideas or your needs for a digital solution! Drop us a text and we will reply within a business day