How to Remove a Page Title in WordPress

Note: This tutorial is for WordPress.org blogs. If you are still using a WordPress.com blog the process may be different. To unleash the full power of WordPress you should considering moving from WordPress.com to WordPress.org.

WordPress is fundamentally a content management system designed for blogging, but due to its open-source nature and vast library of plugins, it’s adaptable enough to suit nearly any type of website. If you want WordPress to function in a slightly different way, you may need to customize it to meet your specific requirements. This could involve making some unconventional adjustments, like removing headers and page titles.

By default, page and post titles appear at the top of the content. Although titles are typically considered essential design elements, there are scenarios where they may interfere. For instance, if you’re using WordPress for a single landing page or have a static homepage, the title might disrupt your desired custom style, adding unnecessary content and cluttering the page.

The simplest way to remove a page or post title is to leave the title field blank. For pages, you’ll need to add a title initially and then delete it afterward. However, untitled pages will display as “(no title)” in the administrator dashboard, which can complicate organization if you manage a large number of such pages. Additionally, there are various free plugins available in the WordPress plugin database that allow you to remove titles more easily.

How to Remove a Page Title Manually

If you prefer not to install a plug-in to remove page titles, you can do so manually by making a small modification to the HTML code of the page in question. Technically speaking, this does not remove the title, but it will hide it from the page itself. You’ll still be able to see the page title in the administrator dashboard so that you know where to find your content.

Step 1 – Locate the Class Name of the Title

1. Open the page in your browser to view it as you would if you were a visitor to your website.
Right-click on any blank area of the page and click “View page source” if you’re using Chrome or “View source” if using Internet Explorer.
Press Control + F to open the Find box and enter “h1” without the quotes. The class name of the title will be specified within the h1 tags as shown below:

<h1 class="entry-title">Sample Page</h1>

Here, the class title is “entry-title,” and it will most likely be the same for you.

Step 2 – Locate the Page ID

You’ll now need to find the ID code for the page or post you wish to remove the title for. You can find the ID code either by using a plug-in such as WP Show IDs or by viewing the source code again. If you look at the source code, you should find the ID code just above the class name, such as in the example below:

<h1 class="entry-title">Sample Page</h1>

Make a note of the post ID.

Step 3 – Edit the Stylesheet for Your Theme

You’ll now need to add a short line of code to the stylesheet for your current theme. In your administrator dashboard, navigate to Appearance > Editor > Styles > Stylesheet (style.css). Scroll down to the bottom of the code and enter the following, changing the page ID value and entry title using the information that you noted down in the previous steps:

.post-2 .entry-title display: none;

Click on “Update File” to save your changes, and the title of your page or post will now be hidden. You will need to repeat this step if you ever change or update your WordPress Theme.

Conclusion

Manually hiding post or page titles shouldn’t take more than a few minutes once you have become accustomed to the steps above. However, a slightly quicker and easier way is to use a plug-in such as Title Remover, Toggle the Title, or Hide Page and Post Titles.

Page updated

Google Sites

Report abuse