HomeBlogRemove the Title from a WordPress Page

Remove the Title from a WordPress Page

Remove the Page Title WordPress

Let’s be honest. WordPress is a great platform, but since it was originally designed for blogs, not all of it’s “features” translate well into business websites.

One of the most glaring examples of this is the WordPress title. Every page and post has a title, and in many cases, having a big old title at the top of your page might look awkward. There might be other cases (business landing pages, WordPress apps, SaaS solutions) where having a title on a page — ie. a Home Page — is simply jarring.

Luckily, there are a few options you have to removing the page title from your WordPress website. This can apply, whether you are looking to remove the title of one page or to remove the title of all WordPress pages.  Removing all titles versus some have slightly different solutions, but both are fairly easy to do!

Options discussed:

Low Effort: Simply don’t enter the title on WordPress

Technically speaking, you can simply not enter the title of your WordPress page, but you have probably already tried this on your site if you are looking here and know the issues. If we know anything from life, low effort/risk = low reward, so there are a few usability issues that arise from doing this.

Don't enter page title wordpress

The problem with not entering titles is that it lists every page as “(no title)” in the list of Pages in the WordPress dashboard. This means that it can be difficult to figure out what page you want to edit if you are looking in the back end.

The other problem is that you also have to manually create the permalink for the page (ie. /contact) which can get very annoying, very quickly. There are two more elegant solutions to pursue, detailed below.

Remove all WordPress page titles with code

In some cases, you might have a site where you need to remove titles across the board.

You can use plugins like “Toggle the Title” (more on that in a bit) to remove all the pages, one-by-one, but in this instance, using code is preferred, since it is a more complete solution.

The PHP we are looking for is simply called the_title. This can usually be found in your loop.php file or loop-page.php file of your theme folder. This will differ and change from theme to theme. To access your theme folder, you are going to want to head to Appearance > Editor or manually edit the file on your computer and upload to your FTP.

Remove all page titles WordPress

To remove the page title, in most cases you are going to simply want to delete the section that targets the page title. Using the example of our Simple Shop theme above, we would target the H1 section and delete that content. Save your changes when you are all set.

Child theme

A quick side note. If you are not used to editing PHP files, first of all, tread carefully. Modifying the wrong items can cause your website to get a white screen of death (WSOD).

Additionally, it is best practice to create a duplicate of the PHP file you edit and drop it in to the child theme folder of your site. If you ever update your WordPress theme and only have your files on the main theme php files, these changes will be overwritten on update.

Before you remove the title of WordPress pages

An important note on removing WordPress page titles. If your WordPress theme is properly coded, the page title will carry the H1 tag, which is the most important tag on your site. This tag is the single most effective piece of text on a Google search for your page and carries the most weight. Without redistributing the H1 tag somewhere else or falling back to the H1 tag of the “site-title” you may take a hit on SEO.

Remove WordPress page titles with CSS

You might also want to hide or simply stop displaying the page title across your site. The benefit of this option is that the page title still loads for SEO purposes, but is technically hidden from front-facing view.

To do this, you will want to target whatever class the theme uses to output your H1 page titles and add this common piece of CSS code to the class in your child theme:

Hid WordPress page titles CSS

display: none; 

So which class do you hide in your child theme’s stylesheet? This changes from theme to theme, since the theme developer chooses this aspect of the WordPress theme design. As an example, the class being targeted with our themes is going to be:

h1.page-title

Save your changes when you are finished making them and make sure this is done in the Stylesheet of your child theme, versus the main stylesheet of the WordPress theme.

Remove the WordPress page title with “Toggle the Title”

If you are looking for a more client friendly solution and/or only want to hide the page titles on specific WordPress pages, you are going to want to use the Toggle the Title plugin. This free WordPress plugin allows you to remove the title of a WordPress page from individual pages, so if you want to keep the “About” and “Contact” title but want to remove the title from “Home”, you can do that.

Remove individual page title WordPress

Using the plugin is simple as well. With Toggle the Title active, each page will have a new window which asks if you would like to “show the page title”. This box is checked by default. Uncheck it if you would like remove the title of that page.

Update or save your page when you are finished.

Note: Toggle the Title DOES NOT work with posts or custom post types, only page titles.

4 different ways to remove page titles

With four options with which to hide page title, there should be a solution for every special case for you and for your client.

If you have any questions or other suggestions as to solutions for hiding page titles, let us know in the comments below!

This entry was posted in Blog, Design, Plugins, WordPress

One comment on “Remove the Title from a WordPress Page

  1. Dan it might be wise to show screenshots of what code snippets to modify using a text editor. Beginners can do a lot of damage under Themes -> Editor!

Leave a Reply

Your email address will not be published. Required fields are marked *