Hide Page and Post Titles in WordPress Using These Simple Solutions

WordPress is widely known for its ease of access but at the same time, it is home to many bugs and confusing problems.
This is no different for content creators. Imagine writing a 3000 words content and publishing it on your WordPress site; the next thing you see is that your page title is completely out of its place and it looks awful.
Now you must be thinking about simply leaving the page title area blank which you can simply do by deleting the page title in the Quick edit menu. It may sound like a great idea but as soon as you hit the Update button, you’ll notice that the page would display a (No title) text.
This situation is not only bad for the user experience, but it also affects your site’s SEO performance.
Why Does It Hurt SEO?
It’s simple. Permalinks are an essential aspect of SEO that is generated using your page’s title by WordPress. If you remove the page title from your website pages, WordPress would generate these permalinks using random strings of numbers and letters – which will cost you penalties and is a killer for SEO.
Although there’s a way around it by manually changing the URL Slug every time but then again, these posts will appear in your backend as (No Title). That’s not all. There are themes that’ll even show the (No Title) text on the front end of your website, or leave a huge white gap in your page design.
If Removing The Page Title Is Not Solution, Then What Is?
By Reading what’s mentioned above, it is utterly clear that removing the page title from WordPress pages is not a solution to this problem.
To work your way around this problem, the best you can do is to hide your WordPress page titles instead of removing them outright.
Although there is no WordPress Hide Page Title option built-in, you can quickly get rid of this problem as well. There are multiple ways to hide page titles or post titles in WordPress, for example, inserting CSS or using a plugin to hide page titles.
Further in this guide, we’ll teach you how to hide titles in WordPress. But before that, let’s briefly discuss why you need to hide WordPress page titles.
Related: The 15 Website Headers That Will Inspire You Within Minutes
Why Hide Page Titles? (WordPress)
The biggest reason why you need to remove the title from the WordPress pages in some cases is that they don’t necessarily need a title. A good example would be the Homepage or service pages of your site. These kinds of pages speak for themselves and adding page titles on top would look nothing but fluff content.
Also, page titles on such pages look highly rookie and unprofessional. There are multiple visual elements that you can utilize in that space to make your site content look more engaging.
Now let’s move down to how you can hide WordPress page titles and post titles.
How To Hide All Page Titles And Post Titles In WordPress?
In general, doing such a minor tweak in your WordPress is not a risky game. However, we’d still recommend you to create a backup of your website so that you don’t have to face any miserable conditions.
Here’s a simple CSS technique that you can use to easily hide all the page titles and post titles in WordPress.
Access your WordPress Dashboard and navigate to the Customize option in the Appearance menu. Click on the Additional CSS Menu and add this line of code.
.entry-title {
display: none;
}
Now save the settings and reload your site. You’ll notice that the post and page titles in the WordPress site would disappear. You can even load every page individually to check out the result. Though the titles would still appear in the widget options like Recent Posts, they make it easier for the audience to navigate their desired content.
There are chances that you might want to only hide page titles in WordPress and not the post titles. In that case, refer to the next solution.
How To Hide Page Titles In WordPress?
In case you want to only hide the page titles and not the post titles, simply follow the method mentioned above and swap the line of code with this one
.page .entry-title {
display: none;
}
Doing this would have the same effect other than the fact that your WordPress post titles would stay the same.
How To Hide Single Page Title In WordPress?
Suppose you only want the WordPress page title for a certain page only. There are generally two methods for doing that. One is by using a plugin and the other by using a Modified Version of the CSS code mentioned above. Let’s start with the plugin method.
Here we’ll take the example of the Elementor as we recommend it over using tiny plugins that might risk your website’s security. You can simply hide any page title with Elementor just by toggling a simple option.
Just go to the backend of any page and click on the Settings option in the Edit with Elementor menu, and toggle the Hide Page Title option. Update the page and reload your site; you’ll notice that the page title is now gone.
The second option is to hide a specific page title using the CSS code. Note that this is just a modified version of the CSS code above that targets pages by their ID.
First, you’ll need to figure out the page’s ID. In your backend, go to All Pages and hover over a title.
In the lower-left corner, a link address preview should appear. In it, you’ll see near the end of the string “post=”. That number is the page ID.
Now you can use this ID to target that page and remove the title. Here’s an example.
.page-id-0 .entry-title {
display: none;
}
Conclusion
Typically, there’s no direct way or a built-in option to hide page titles in WordPress. But using the methods mentioned above, you can quickly achieve that without hurting your website’s SEO or design. If you found this read useful, then also check out our other pieces on related subjects such as the Creating A Dropdown Menu in WordPress (4 Steps Beginners Guide) to raise your knowledge on the subject.