How to Hide Page Title in WordPress

There are plenty of reasons to conceal a title of a page, but the common ones include redundancy and design improvements of the installed WordPress theme. As an example, having Home, Contact Us, About, or Services titles on a page that already has it displayed in other ways or makes it obvious from the top menu is unnecessary. Unfortunately, WordPress provides no built-in way to perform this task, and it can carry consequences if performed incorrectly. In contrast, learning how to hide a page title in WordPress using other methods isn’t too hard. Let’s begin.

Why not delete the title manually?

It might seem like we’re making a big deal out of nothing. After all, you can erase the title and publish a page without problems. And while that works, it comes with a few problems:

• You might still see (no title) written on both the back end and front end. Even if nothing appears on the front end, you still have a large blank space ruining your design.
• It’s hard to navigate the backend when you have multiple pages named (no title).
• Blank space or (no title) will still appear in sidebars and category/tag pages.
• WordPress generates slugs based on title, so you’d have to write them manually for every page.
• It can ruin your UX (User eXperience) as visitors will be led to believe something should be present instead of blank space.
• Having a title is part of best SEO practices, as it affects page hierarchy (h1-h7). As such, it can throw Google crawlers for a loop and make them display random bits of text. This will ruin your ranking and click-through rate.

1. Hide page title in WordPress via a WordPress plugin

For website owners that don’t like to tinker with code, here are 3 user-friendly methods for concealing a page title in WordPress:

1. SEO plugin (Not Recommended)

Decided to erase a page title manually, after all? We concede. Here’s how to avoid some of the problems we mentioned:

1. Go to Pages > All Pages > Quick Edit > erase the title > add a custom slug manually > click on Update.
2. Install an SEO plugin, for example, Yoast SEO.
3. Start editing the page and enter an SEO title in the plugin meta box. Google bots will detect it and display it in search results.
4. Tip. If the page you edited appears in menus, you must go to Appearance > Menus, find and open the unnamed title, and give it a custom name in the Navigation Label field.

2. Website builder

Most website builders have this option built-in, so you don’t have to use additional website resources. Unfortunately, this typically forces you to repeat the process for every page. This is how the process of page title hiding looks in Elementor:

1. Access WordPress Admin section then go to Pages > All Pages.
2. Click on Edit with Elementor below the current title.
3. When it opens, click on Settings (cogwheel icon) in the bottom left corner.
4. Toggle the Hide Title switch to on.

3. Dedicated plugin

If you aren’t using a website builder, it doesn’t make sense to install one solely for this purpose. Instead, install a dedicated WordPress plugin. We have no preferences, but the best-rated plugin of this type is named Hide Page And Post Title and created by Arjun Thakur.

2. Hide page title in WordPress using style.css

This method will preserve your website resources since you don’t have to install anything. Plus, you only need to paste a few lines of code into a most likely empty box. Before we begin, we recommend that you use a backup plugin and a child theme. Also, be aware that this doesn’t hide the title from Google bots, only visitors. With that acknowledged, let’s get into 3 ways of hiding page titles in WordPress:

1. Conceal titles of all posts and pages

Concealing post and page titles in WordPress functions like this:

1. Access your WordPress Dashboard.
2. Click on Appearance > Customize in the main sidebar on the left.
3. When it opens, click on the Additional CSS menu.
4. Paste this code into the text box:
   .entry-title {
display: none;
}
5. Titles should disappear before you click on Publish/Update.

2. Concealing all page titles

You can separate posts from pages by adding “.page” in front of the code. To clarify, the code should look like this:

.page .entry-title {
    display: none;
}

3. Hiding a single page’s title

We already taught you to get page ID in WordPress. Now’s the time to use that knowledge in practice. Simply replace the ID in the example code below with yours:

.page-id-112 .entry-title {
    display: none;
}

Find heading and body class in WordPress (Potentially Unnecessary)

Depending on your theme, you might be able to skip these instructions. Only refer to this section if the methods above produce partial or no results. With that said, finding WordPress theme heading and body class works like this:

Heading

When you’re on the problematic page in Chrome, use the right-click while hovering over the title then select Inspect/Inspect Element. Look through the highlighted code for h1 or h2 class name, such as “<h1 class=”page-title“>” Then, if the methods above didn’t work, replace entry-title with page-title in every code. If you got partial results, combine them like this:

.page .entry-title, .page-title{
    display:none;
}

Body

Open the page you need to hide the title for in Chrome, then press F12 to open Developer Console. Press Ctrl + F (Command + F on Mac) and search for “body”. Find “<body class=” then browse through the list to find one for the page ID. We used page-id-112 as an example.