Hide Page and Post Titles in WordPress
You’ve just finished building a page or writing an article in WordPress and are about to preview it when you see the page title is entirely out of position, spoiling your design.
Unfortunately, there is no straightforward way to block a title from being displayed in WordPress. There’s no easy method to customize it, and the appearance is entirely dependent on your theme. What can you do if it’s too big and obtrusive? This is why it’s critical to learn how to hide page names in WordPress.
Your initial instinct might be to simply delete the headline from the website, but don’t do so because it could harm your SEO. What are your choices if you wish to get rid of that title for good?
Although there isn’t a simple “hide title” option built into WordPress, removing it isn’t difficult. In fact, whether you wish to disable just one title or all of them, you have a number of possibilities.
In WordPress, there are five different ways to hide the page title.
Contents Table of Contents
Why Hide the Page Titles?
How to Hide All Page and Post Titles in WordPress Quickly
In WordPress, how to Hide Page Titles
How can I get rid of the title on my WordPress pages?
How to Hide Blog Post Titles
How to Remove the Title from WordPress Blog Posts
Why are the page titles hidden?
A title isn’t required for every page on your website. While a title is required for blog articles, it is not necessarily appropriate for other pages. What works for a blog may not always work for the rest of the website.
Having a “Home” title on your homepage, for example, is superfluous and can even appear unprofessional. The same may be said for your “About” or “Services” pages; they speak for themselves, and having the title at the top may be redundant.
It’s possible that the title element will look out of place in your overall design. While you could use CSS to alter it and make it fit better, removing it totally may be the best option. Instead, you might utilize the area to include a hero image or another design element.
Most of the time, you don’t want to remove the title totally – maybe it’s just the positioning or theme styling that bothers you. It’s possible to hide your page title and replace it with an H1 heading if it’s in an odd spot or doesn’t suit with your design.
However, burying a page’s title isn’t as simple as erasing a picture or a line of text. Headings have an effect on SEO and how search engines interpret your page’s hierarchy. There are a few things to consider before hiding all of your titles.
Considerations for SEO
Crawlers are bots that visit websites and index the pages. Search engines like Google use them. They read elements like the title, page text, and page hierarchy to figure out what the page is about when they index your site.
This approach allows them to provide relevant pages to users who search for specific terms, and it also helps sites that follow SEO best practices rank higher.
If you Google something like “how to speed up your WordPress site,” you’ll notice that the snippet’s title frequently matches the article’s title.
The HTML title tag, or if that isn’t present, the H1 heading, determines the title of a page. If neither of these things exist, the search engine will make the title out of the first heading it finds or a random string of text. This can make your search engine snippets appear terrible.
Do you see where we’re heading with this? Your SEO and click-through rate may suffer if you remove your H1 header and leave nothing to replace it.
Even if you merely conceal the page title rather than deleting it, search engine crawlers typically ignore hidden elements, thus it won’t help. A good hierarchy — a page with an H1 element and, where necessary, H2 or H3 headings — also aids crawlers (and people!) in understanding what your page is about.
H1 headings, on the other hand, aren’t necessarily necessary for SEO. They’re helpful for establishing page structure, and they’re strongly recommended, to be sure.
So, what’s the answer to this problem? Using a plugin like Yoast SEO is the simplest option. You can use them to customize the “SEO title” for each page. You still receive a nice search engine result, but you can remove that obnoxious heading without incurring any penalties.
What’s the Difference Between an H1 Heading and a Title Tag?
The title tag and the H1 heading both affect how search engines interpret material on your site, and they’re often interchangeable, so what’s the difference?
The HTML title> element is used to create the title tag. It’s part of your website’s basic code and isn’t normally accessible to humans. Crawlers, on the other hand, may read it and utilize it to determine the title of your search engine snippet. Your theme will normally modify it to reflect the post or page title you set in the backend, or you may manually update it with SEO plugins.
Visitors, on the other hand, can view H1 headings. H1 acts as a title to introduce the material and is used to arrange your website by nesting parts and dividing content up so it’s easy to read.
Most WordPress themes will use the title of your post or page to create an H1 heading and set the title> tag behind the scenes.
The HTML title> tag takes precedence over the H1 tag in search engines. If no title> tag is present, an H1 heading will be used instead.
Although there isn’t much of a functional difference, the distinction is significant.
How to Quickly Hide All Page Titles and Post Titles in WordPress
These approaches are generally safe and will not create any issues, but you should always backup your site before adding any new code or installing a plugin.
We’ll go over how to hide titles from posts or pages on a per-post or per-page basis.
But first, let’s look at how to remove all post and page titles in WordPress using a simple CSS trick. It only takes a single line of code to make those titles vanish for good.
Go to Appearance > Customize in your WordPress dashboard and look for the Additional CSS menu. Paste the following code into the code box that appears:
Simple as that, all titles on the right-hand preview should go immediately. The heading will also be gone when you visit a specific topic or page. However, widgets like Recent Posts will continue to use the titles you provide in the backend with no problems.
If the code above doesn’t work, you’ll need to figure out which CSS class your theme uses to show titles. Right-click the post title in the Theme Customizer’s right-hand website preview and select Inspect. It might be Inspect Element or Inspector, depending on your browser.
element to examine
Examining one of the page’s elements
A new screen will appear, with a highlighted section of code. Look for the H1 or H2 class name in the highlighted code, for example: h2 class=”entry-title heading-size-1″> h2 class=”entry-title heading-size-1″>
It may say “post-title,” “page-title,” or something else instead of “entry-title.”
Replace “entry-title” with any CSS class your theme uses in the CSS code we supplied above. It should function flawlessly.
Changing the CSS class of the post title
How to Hide Page Titles in WordPress Perhaps you don’t want to remove all of your page titles; instead, you’d like to hide all of the page (but not post) titles on your site. In that scenario, all you have to do is make a minor change to the CSS code above. Simply add “.page” to the end of the code. Consider the following example:
This should hide all page titles on your WordPress site right away.
How to Hide a Single Page’s Title
Want to hide the title of a single page in WordPress? You have two choices: install a plugin or modify the CSS code above to target pages based on their ID.
There are plugins designed expressly to hide headlines, one of the most popular of which is the Hide Page And Post Title plugin.
Do you want to discover how we grew our traffic by over 1000%?
Join the 20,000+ people who receive our weekly email with WordPress insider secrets!
Now is the time to subscribe.
You might use a page builder instead of downloading a little plugin (having too many plugins on your site can be a security issue).
Elementor is one such example. With a simple toggle, it’s possible to hide page titles. Click Edit with Elementor on any page in the backend, then click the Settings gear in the lower left corner.
Turn on Hide Title, and your page title will vanish.
in Elementor, deleting the title
Using Elementor to remove a title
The final approach is to modify the previous CSS code so that it just targets select pages rather than all of them.
To begin, you’ll need to determine the page’s ID. Go to All Pages in your backend and hover over a title.
A link address preview should show in the lower-left corner. Near the end of the string, you’ll notice “post=”. The page ID is that number.
ID of a WordPress page
Now, using the ID, use CSS to target that page, replacing “0” with the ID you found, as follows:
.entry-title.page-id-0 display: none;
id of the target post id of the target post
If those don’t work, it’s possible that your theme uses a different CSS class.
To open the developer console in Chrome, go to the page you’re trying to target and click F12. Use the navigation arrows to scroll down until you reach “body class=” and a long list of classes, then press Ctrl-F and type “body.”
Replace the class in the code above with one that has the page’s ID.
If you notice a class like “page-id-113” on the list, for example, you should use the following code instead:
.entry-title.page-id-113 display: none;
How to Remove the Title From WordPress Pages
Why not just leave the page title blank, you’re presumably thinking. If you merely want to get rid of the titles, it’s simple: Select Pages > All Pages from the drop-down menu. Click Quick Edit while hovering over a page, then leave the title blank and click Update.
Do you have troubles with downtime with WordPress? Kinsta is a hosting solution that prioritizes performance and security. Take a look at our plans.
You can alternatively mouse over the title and click Edit, then locate the top heading, erase the content inside, and click Update. They’ll be marked as “(no title)” when you return to the Pages panel, and they’ll have vanished from your live site.
This may appear to be the simplest approach, but it is not the best one. Permalinks are crucial for SEO, and WordPress produces them automatically based on your title. If you don’t have one, it will generate one for you out of numbers or a random string of letters, which could result in a penalty.
You can modify the permalink (also known as the “URL slug”) manually, but you’ll have to remember to do so each time.
permalinks that aren’t good An example of a permalink that isn’t good
Aside from that, posts and pages that don’t have a title appear in your backend as “(no title)”. Finding the one you’re looking for in the midst of dozens or hundreds of them on your site can rapidly become a logistical headache.
no backend for titles
And it’s not simply a problem for you. A titleless page or post may also appear as “(no title)” on your frontend website, depending on your theme — for example, if the page is in a menu or you’re using the Recent Posts widget. This will make your website nearly impossible to navigate.
On the site, there is no title.
Examples of widgets with no titles
And, if that wasn’t awful enough, you’ll be left with a giant hole on your layout where the title formerly was. This is the final nail in the coffin for this shaky method of eliminating the WordPress page title.
Although it is simple to just blank the title, it is recommended that you use one of the other options instead, such as installing a plugin or entering CSS. It’s far better to hide the title than to remove it entirely.
How to Hide Titles in Blog Posts
In WordPress, hiding all post titles is as simple as hiding all page titles. Using the same CSS as before, you’d need to add.post before the code instead of.page, as demonstrated here:
All of your posts’ titles will no longer be visible, but normal pages will.
Without a title, a blog post
Keeping a Single Person Hidden The title of a WordPress post
Hide the title of a blog post in the same way you may hide the title of a page. You can use a title removal plugin, a page builder to manually delete it, or CSS to target the post ID.
If you wish to use CSS, you’ll need to change the code slightly. Again, go to your backend and hover over the article you want to delete the title from to see its ID, then use this code. Make sure “0” is replaced with the post ID you’re looking for.
.entry-title.postid-0 display: none;
If it doesn’t work, open the developer console by pressing F12 while viewing the post you’re interested in. For a list of classes used on that page, use Ctrl-F, type “body,” then find “body class=”. Find one with an ID number, such as “post-11,” and replace the code above with the appropriate class.
How to Remove the Title from WordPress Blog Posts
As previously said, removing the title entirely from your posts or pages is not a good idea. We strongly advise against it because it may cause issues with your permalinks, SEO, and even the style of your site.
However, if you absolutely want to do it, the procedure is similar to removing page titles.
To see a list of all the blog entries on your site, go to Posts > All Posts. Click Quick Edit after hovering over the post title you want to erase. After filling in the title, click Update. Alternatively, enter the Gutenberg editing screen by clicking Edit, then clicking the heading at the top and deleting the title text.
the title of the post is blank
Taking a blog post’s title off
After clicking Update, the title should be gone forever. Keep in mind that this will change every post title with “(no title),” so if you’re having difficulties browsing when you’ve got a bunch of them, try hiding them with a plugin or CSS selectors instead.
You may need to hide page names on your WordPress site in a variety of situations. This step-by-step instruction will show you how! 🎯
TO TWEET, CLICK HERE
Although there isn’t a built-in feature to hide page names in WordPress, you still have lots of solutions. You might install a plugin that allows you to turn titles on and off as needed for individual articles or pages. Alternatively, you might use CSS to conceal all page titles or specific pages where you want it hidden.
Blanking the title in the backend causes issues with SEO and permalinks, clutters the backend, and might cause problems with functionalities that rely on post/page names, such as the menu or Recent Posts widget.
In any event, remember that to avoid being punished by search engines, either an H1 heading or an HTML title element is required. If you want to hide the title, use an SEO plugin and make sure the “SEO title” or “HTML title” element is set on every page.