WordPress was originally only used for blogging, so all pages and posts contain headers by default. But the platform has definitely come a long way since its early days. It has become versatile, powerful and flexible, allowing us to create not just blogs but any type of website we want. However, the titles are still there, straight out of the box. And they won’t go anywhere from your pages and posts unless you do this on your own.
We know a few methods that can help you hide headers in WordPress and we’ll show you how to use them all. In this tutorial we will answer the following questions:
You may be wondering what is the benefit of removing page and post titles. However, there are a few scenarios where it’s actually reasonable to hide them completely.
For one, many people give up on headers when creating a landing page. They do not want to distract users and prefer to focus their attention on call-to-action buttons. The goal is to increase conversion rates, and a redundant headline may be the only thing that will jeopardize the plan.
Headlines are also often unnecessary home pages. Most WordPress users static home pages, that is, pages that do not contain regularly updated content, such as blog posts. Instead, they’re often filled with encouraging images and engaging text that encourage visitors to explore the site further. On such pages, adding a title like “Home” or “Home” is not necessary as it can cause bad UX and once again distract users from the main content.
Some users hide titles in WordPress purely for aesthetic reasons. They may feel that a title doesn’t belong on their page/post or messes up their perfectly cohesive design, so they decide not to add it.
Title tags, aka SEO titles, are HTML elements that determine the title of a page or post. When search engines crawl your content, they will “read” the title tags and then display them in search results.
When HTML doesn’t have a title tag, search engine bots usually set an H1 title as the page/post title. If the H1 headers aren’t there either, the bots will use an H2 header or some random text from the page/post.
H1 titles are not that important to Google. In fact, Google senior webmaster John Mueller said so. H1 tags have no effect on your site’s ranking.. They allow you to organize your content better, but are not critical to Google search. This means you can delete them from your pages and posts, it will negatively affect your ranking. (unless you leave them in CSS, which we’ll discuss a little later).
However, you should definitely consider title tags. You can use the Yoast plugin to generate SEO titles for all the pages on your site. The plugin will even tell you if your title contains the right amount of characters. This is a really useful feature for those who don’t know much about SEO.
There are several quick and easy ways to remove headers from pages and posts in WordPress. Let’s start with the simplest.
Leave Title Field Blank
The easiest and most obvious way to hide the page or post title in WordPress is to leave the title field blank.
You can also delete titles on pages and posts that already exist. To do this, click on the title field, delete the text, and then update Press the button to save the changes. Alternatively, you can go Pages/Posts > All Pages/All PostsHover over the page/post you want to remove the title from, click Quick edit Select and delete the title.
While this method may seem tempting as it doesn’t require a lot of work on your part, don’t opt for it so quickly. Permalinks are the main reason we recommend you avoid deleting titles this way.
WordPress often creates permalinks based on the title of a page or post. You can also edit them to your liking. However, when you create a new page/post and don’t add a title to it, WordPress will create a permalink using random, meaningless numbers and characters. And you mustn’t forget how important permalinks are for SEO. They tell both search engines and users what your pages and posts are about, and they affect your search rankings and click-through rates. Also, if you don’t configure a custom permalink structure from your dashboard (Settings > Permalinks) beforehand, you will need to edit the permalinks and manually delete the titles from them.
Another reason why this method is problematic is because makes it difficult to distinguish content. imagine you’re going Pages > All Pages and seeing a series of “No Title” pages. Even if you created them all, you’re probably confused when you remember what each one is about.
Use Elementor
Some WordPress page builders include the “Hide Title” option by default. Elementor is one of them.
From your dashboard, open the page or post whose title you want to remove. Next, click Edit with Elementor button.
Then click on Settings icon in the lower left corner.
Under General SettingsTo call Hide Title select and Yup.
print update to apply the changes.
If the title stays on the page or post (as in our case), it means your theme is using a different class for the title. Default value in Elementor:
<h1 class="entry-title">Title</h1>
To check which header class your theme is using, right-click on the header and Examine Element (or Browse, depending on the browser).
The class of the header in our theme is just h1.
With this information, you need to go back to the control panel and open the navigation menu.
Next, select site settings.
Next, click Order.
from Page Title Picker In the field, delete the default class for the title and enter the class your theme is using.
we entered h1saved the changes and then the title disappeared from the page.
Use a Theme That Lets You Hide Headers
Another effortless way to remove titles from selected pages and posts is to install a WordPress theme that includes this option by default. This setting looks like this in our Bridge theme:
after choosing Yupthe entire title field on the selected page is gone.
Install Plugin
You can remove titles from single pages and posts by installing a plugin. We recommend that you use it. Hide Page and Post Title Addition. It is lightweight and very easy to use.
After installation, all you have to do is go to the relevant page or post and check the following. Hide Title Box. This option will appear on both old pages/posts and new ones.
Don’t forget to save the changes.
customize CSS
Finally, you can modify the CSS code and remove the title from a selected page or post (we recommend backing up your site before you start making any changes).
NB The code we will share has been tested on the default Twenty Twenty One WordPress theme. If you are using a different theme, you may need to make some changes to each piece of code for it to work.
Another important thing to mention is Google may penalize you for confidential content. If there is something that is not visible to users but is part of your CSS, they may see it as an attempt to change their search order and penalize you for it.
The first thing to do when using this method is to check the CSS class for pages and posts in your theme using the Inspect Element tool.
You also need to find the post or page id. Go to your control panel and Posts/Pages > All Posts/All Pages. Move your cursor to the page/post you want to remove the title from. The ID will appear in the lower right corner of the screen and is the string that continues – “post=some_number”.
The ID of our post is .post-id-746.
Now, the code you should use to remove a title from a single post:
.post-id-here_goes_the_id_of_your_post .entry-title{
display:none;
}
Here is the code that will make the title of our post disappear:
.post-id-746 .entry-title{
display:none;
}
Then you can enter the code by clicking on it. Appearance > Customize and then Additional CSS choice.
Now you just have to paste your code in the edit area:
And finally, press update button.
Another way to enter the code is to go to: Appearance > Theme Editor. You can then click on Style sheet (style.css) Enter the option on the right side of the page and your code at the bottom of the page.
To remove the header from a single page go with this code:
.page-id-here_goes_the_id_of_your_page .entry-title{
display: none;
}
In our case, we will use:
.page-id-736 .entry-title{
display:none;
}
If you want to bulk remove titles from all your pages and posts, The best way to do this is to edit the code.
Once again, we have applied the following codes to the Twenty Twenty One WordPress theme, so you may need to tweak them a bit for them to work in your theme.
If you are sure what the CSS class is for the pages in your theme, here is the code you should use:
. page .entry-title{
display: none;
}
And to hide titles on all posts we will do:
.single-post .entry-title{
display: none;
}
Both codes can be added at the same time. Additional CSS editing area.
Solution
Removing titles from WordPress pages and posts can be done in a few simple steps. Sometimes the theme you use is enough, sometimes you can go with Elementor or Hide Page and Post Title plugin. Because of how important permalinks are to SEO, we don’t recommend leaving the title field blank on the backend. Even the coding part isn’t as scary as some might expect.
If you want to hide headers on all pages and posts then coding is the only way, but as you can see, just adding a few lines of code to the Stylesheet is all it takes. However, Note that if some content is not visible to users, but Google can see it in CSS, you risk getting penalized for it.. With that in mind, it might be wise to avoid hiding headers with CSS (the odds of having to hide headers on all pages and posts are already slim). Instead, opt for the other methods we discussed in the article.
