How to Hide the Page Title in WordPress – 5 Easy Ways!

By default, after creating and publishing a page, WordPress will display its title on the front-end.

Note that I’m not referring to the page titles that appear in the browser tab (<title>), but those that appear on your page as headings, preferably H1s (<h1>), if you want to keep up with the best SEO practices.

In some cases, like when you’re building your homepage or a landing page, you might want to remove that title in order to add a custom one, which would be more efficient when it comes to marketing.

So, in this article, I’ll show you how to hide the titles in WordPress for specific pages, or for all of them, via editing area, theme options, CSS, or via plugins.

Let’s start with the easiest method:

1. Hide the Page Title in WordPress…by not adding titles…what?

When you create a page, you can simply leave it without a title.

No WordPress page title

Your permalink will remain, don’t worry. And you can always edit it however you wish.

While this method is very easy, it’s not ideal if you’ll have many pages without titles, because you won’t be able to tell which is which.

no title wordpress

See what I mean?

Down to the next one:

2. Hide page titles in WordPress via theme options or templates

It’s best that you always go through all of your theme’s options, so you can get to know it better, to see what it offers and what it doesn’t.

Even though it’s quite rare, some WordPress themes might have a feature in its options which lets you hide titles for certain pages or for all of them. You’ll definitely find such an option in a premium WordPress theme.

On the other hand, it’s more common for themes to contain different page templates, which have different functionalities.

When creating a page, in the right side, under Page Attributes, you’ll find a drop-down menu with different templates.

WordPress theme page template

What and how many page templates you find there, depends on what theme you are using.

Test them out, or read the theme’s documentation to find out if a template will hide the page title. Or simple, open a support ticket!

 

3. Hide page titles in WordPress via CSS

You’ll have to get your hands dirty a bit for this. Don’t worry, it’s not hard, and I’ll guide you step by step!

Although this method is quite simple, it’s not ideal, since Google is not a big fan of hidden content, because you’re basically just hiding the title on the front-end, but it still remains inside the source code, which Google crawls.

I’ll show you how to do it for a specific page or for all pages.

a. Hide the title for a specific page

First, you’ll need the page ID.

To do that, you need to:

  • Go to Pages -> All pages;
  • Hover your mouse cursor over the page, then over the Edit link, but don’t click it;
  • At the bottom of your browser, you’ll see a link containing the page’s ID.

WordPress page ID

As you can see, the ID of the page that I’ve chosen is 367.

Now that you have the ID, you need to add some CSS code.

You can add CSS code in different places: in your child theme’s style.css file, or in your theme’s custom CSS box (if it has one), or in WordPress’ “Additional CSS” feature, which I’ll use for our example.

  • Go to Appearance -> Customize, found in the left side of your Dashboard;
  • Click on Additional CSS;
  • Add the code below and press the Publish button.
.page-id-367 .entry-title{
display:none;
}

Of course, you should change that ID (367) with your own, whichever it may be.

Hide WordPress page title with CSS

If the change doesn’t take effect after refreshing the page, clear your page and browser cache.

If it still doesn’t take effect, add !important to the code, so it will look like this:

.page-id-367 .entry-title{
display:none !important;
}

b. Hide the title for all pages

Now we’re going to use CSS to globally hide the page titles.

Go to Appearance -> Customize, like I pointed out above, but add this code instead:

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

This should work fine in most cases, but it might happen that, some pages, for whatever reason, have another CSS class for their title, like I’ve seen on the default WordPress theme, Twenty Seventeen.

The “Blog” page on Twenty Seventeen doesn’t use the .entry-title class, but .page-title.

So, if you have added the above code, but a page or two still have the title displayed, you’ll have to find out their CSS class.

For that, you’ll have to:

  • Put your mouse cursor exactly on the title;
  • Right-click on it and select Inspect or Inspect Element – depends on the browser;
  • Then a small window should appear, highlighting exactly your heading title (usually <h1>) and its class.

 

As you can see, it has class="page-title", not class="entry-title", like the other pages.

So, we’ll have to add that class to the above CSS code too. And the code will look like this now:

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

The classes can differ from theme to theme, but you can find them by using the method I showed you above. Then you just to replace them in the CSS code.

4. Hide page titles in WordPress via a plugin

There aren’t a lot of plugins that do this, but I managed to find two:

  1. Hide Page And Post Title
  2. Title Remover

I checked them both on the Twenty Seventeen theme, and they worked well, no problems. I can’t guarantee they’ll work fine for all themes, though.

They don’t have any settings, they just add a simple meta box on the right side of the editing area.

Hide WordPress page title via plugin

Now, there’s some good news and some bad news. I’ll start with the bad news.

The plugins don’t have an option to hide all the page titles. You’ll have to hide the titles one by one.

Now, the good news.

Remember how I mentioned above that Google isn’t a big fan of hiding content?

Well, the second plugin, Title Remover, removes the title from the source code as well, it doesn’t just hide it from the front-end, as the first plugin (and our CSS method) does:

CSS hidden title in WordPress

As you can see, the first plugin, Hide Page And Post Title, just added a CSS class to hide the title from the front-end, it didn’t remove it completely.

The second plugin also prevents having two H1 headings on a page, which is not the best practice for SEO, especially if one of them is hidden.

So, if the second plugin works fine with your theme, you should definitely use that one.

 

That’s it for this guide! Hope you found it useful and comprehensive! I’m pretty sure you might have a question or two, so just leave it in the comments below!

[Total: 0    Average: 0/5]

Radu

Radu is an SEO and WordPress professional, and the co-founder of ThemeSkills.com, a website that provides WordPress services and comprehensive guides for both beginners and advanced users. If you liked the post, follow @WPThemeSkills on Twitter for more!

Join the discussion

  1. Reuben Dickson on December 9, 2018 at 5:20 pm Reply

    Thanks so much. I used the CSS option and it worked. However the page still shows the date of creation. I don’t also want that there. What can I do?

Leave a Comment

Your email address will not be published. Marked fields are required.