Pages in WordPress have titles by default. It’s that simple.
On some themes, you’ll notice occasional headers being removed from certain pages, but most of the time you’ll have to get your hands dirty and remove them yourself.
Well, sometimes the title doesn’t belong on the page, either because it’s distracting or doesn’t look right on the page. There are some design tricks to replace or obscure page titles, but most require some guesswork and checking, while others are more of a Band-Aid for a solution that should completely hide the title.
The goal here is to minimize anything that might seem out of place or confuse the user. Your user interface obviously matters. This is especially true for some pages. Take, for example, a login page and a static page for the home page.
If you’re still wondering about the main reasons to hide page titles in WordPress, read on.
Why hide page titles in WordPress?
At first, you might wonder why hiding the page title would have any advantage. But I’m going to assume at some point you stumble across a page that doesn’t need a page title for aesthetic reasons, or because it hurts your overall business.
What are some reasons you might hide page titles?
1. You use a regular WordPress page as your home page
This often happens when you’re not interested in the regular blog feed on the homepage. So many websites create a homepage with specific buttons, media, and other elements to make the default WordPress homepage look more like a regular website. Sometimes the theme you choose has already removed the page title for you. Other times, you might have to get in there and do the task manually.
The process of making a regular homepage into a homepage is often referred to as a “static” page, where you’re basically eliminating the “homepage” or “homepage” title that you don’t need to see in the first place.
2. You create a page and realize the title doesn’t look right
Sometimes you might generate a page that doesn’t need a page title at all. I’ve seen this happen when embedding stuff like forums or galleries into pages. Even some of the contact us pages look a little silly, with obnoxiously large headers at the top. I’ve noticed that this usually happens when you center the content and keep the title on the left. Or sometimes the title is repeated, or the user already knows where they end up after clicking the menu item.
3. You want to create a landing page
Landing pages are one of the main reasons you want to get rid of that pesky page title. Landing pages are designed to increase your conversion rates, while headlines often distract users from areas like email sign-up forms or buy buttons. After all, when people are most likely to click on a Google or Facebook ad, there’s usually no reason to tell them where they landed on a headline. You’d be better off starting the page with the video and skipping the page title entirely.
Let’s Get Started: How to Hide Page Titles in WordPress
After doing a Google search for hidden page titles, you may stumble upon some articles about installing plugins for this purpose. Unfortunately, the plugin is no longer available, so we have to go through the manual method.
This isn’t necessarily a bad thing either, as removing headers is fairly basic, and it’s problematic to use plugins that may not be updated in the first place. Including some code might be intimidating to some, but it’s actually quite easy. And you’re less likely to open security holes or slow down your website (which can happen with plugins).
Warning: this is how to not hide the page title
It is very common for WordPress users to open a page and leave the title field blank.we Strongly recommend against doing this There are two reasons.
First, you will have a hard time finding these pages in the future because WordPress displays the “Untitled” text in your page listing. This is not the way to organize your pages, especially if you plan to have multiple “untitled” pages.
Second, WordPress generates its own permalinks for you when the title field is empty. So you have to remember to edit permalinks manually. If not, your SEO will suffer because you might end up with some random permalinks that contain a bunch of meaningless numbers or words.
Not only that, but the page in WordPress won’t publish if you don’t put a title in it. Posts, on the other hand, do get published without a title. So if you still decide to use this method (which is not a good idea), you have to publish the page with the title, then go back and remove the title and republish. Again, you’d be a little silly to think about this, so this is more of a reminder of the failure of the method.
The Best Way to Hide Page Titles in WordPress
You have two options here: use a WordPress theme that includes built-in options to hide the header or add some code to the child theme to make the changes yourself.
1. Hide headers with a WordPress theme
Your easiest option is to simply use a theme that already includes an option to hide the title of your post or page.A good example is Total WordPress Themes. Since the drag and drop theme is designed for multiple purposes, there are some special features built in to make the theme more flexible. This includes a number of advanced options for image cropping, site width, and what to display at the top of the page.
To hide the page title in Total, just create a new page (or open a page you’ve already built with a drag and drop page builder, such as one of these Common website building tools Via Website Builder Insider), scroll down to Page Settings, click the Header tab, and select the Disable page/post tile option. Save changes when done.
After disabling the page title, you are free to create your own custom layout. Just remember to add the headings back to the page when building a new layout with the appropriate H1, H2, H3, etc. headings.
For example, General theme presentation Built using Visual Composer’s custom Total module. There is no standard title or page title to get in the way of this restaurant-style landing page adding a custom title with a callout button (better to grab the customer’s attention).
However, if you are reluctant to switch themes, you can use a sub-theme to manually remove the page title.
2. Add code to WordPress child theme to hide header
You do have the option to insert some conditions for the title tag in the theme file. But it sounds confusing and we don’t want to complicate you.
Therefore, you should choose to hide specific page titles in CSS style sheets.
Create subtopics (important)
To get started, you first need to create a WordPress child theme. This step is essential to ensure that any edits you make to your stylesheets are maintained when you update your main WordPress theme in the future.
This will require you to have SFTP access to your WordPress site, if you are not familiar with CSS, PHP or using your server to access files, we do not recommend this method.
However, basically you would create a new Theme – Children under the folder wp-content/topicadd the style.css file to the new Theme-Child folder, then add the function.php Add some code files to your Theme-Child folder (you can see this process in detail with screenshots in our guide on how to create a login page with WordPress).
Once your child theme is ready, you can move on to the next step.
Determine your page title class
Go to the front end of the page you want to edit and right click on it.choose View page source code options (sometimes displayed as View source code or page source).You can also click an examination for a smoother viewing experience.
This should show a bunch of code. We’re trying to find the name of the “class” that appears with your title tag.Use the Find shortcut (Ctrl+F / Command+F) to search for page names
For example, the title on my page is “Contact Us”. When using the Find shortcut, it highlights all instances of the Contact Us text. You may have to hit Enter a few times to find the instance we’re interested in.
It looks like the screenshot below, where the title is listed after the “h1class=” tag.
This class is located in
Once you get the category for the title tag, copy it down for later use.
Find page ID
It’s easier to locate the page ID. in your WordPress dashboard. Open the editor for the page you are trying to get the page ID for. View the URL of the page in your browser. Your page ID is the number after “post=”. So it should be 171 for me.
Take note of your Page ID.
Put the code in the stylesheet
open new now styles.css The file you created for the Theme-Child folder and paste the following code:
/* Hide title on About Us page */ .page-id-171 .main-title__primary display: none;
The only difference for you is that you will insert your own page name in the symbol, page ID and class.
After saving the stylesheet, you should be able to go to the front end of the page and see the hidden page title. If it doesn’t work at first, try republishing the page.
With it – several easy ways to remove headers from WordPress pages. If you have any questions about how to hide page titles in WordPress, or additional tips you think other readers might find useful, let us know in the comments below.