Skip to content

How to Hide the Page or Post Title in WordPress

  • by

There are a few reasons you may want to hide the page or post title in WordPress without removing the title. Removing the title all together seems like the simplest solution, but it may not be the most practical. WordPress will generate its own permalink and blank pages and posts will be hard to identify and organize. In this article, we will discuss how to hide the page or post title in WordPress.

Remove Page or Post Title – Plugin Method Case-by-Case

The best way to hide your Page and Post titles on a case-by-case basis is to use a Plugin designed for this purpose. You can install and activate a plugin such as ‘Title Remover‘ which will enable a tickable option in your Post and Page editor to ‘hide the title’ of your post or page.

Step 1. Install and Activate the Title Remover Plugin.

wordpress title remover

Step 2. Edit the Post or Page you Want to Modify

wordpress hide post title

Step 3. Locate the ‘Hide Title‘ Sub Menu and check the Hide the title for this item option.

how to hide the title in wordpress post

Note! It’s usually located in the Right Side-Bar of your Post or Page.

Step 4. Click ‘Preview‘ to preview your changes and ensure the title has been removed.

how to remove a post title

Step 5. Once you’ve confirmed that your title is not displaying, click ‘Publish‘ or ‘Update‘ to publish your page or save it as a draft for later publishing.

That’s it! Now you can hide or visually remove your Page or Post Titles in WordPress as needed and without having to clear the title field.

Removing the Page or Post Title Globally for All Pages/Posts

You can remove Titles from Displaying in your Posts and Pages globally by making changes to your themes ‘style.css‘ file. Note! this method is NOT SEO friendly!

If you choose to remove the Title Element all together, Search Engines will not be able to recognize the Title element for your pages or posts. It is recommended to use the above Plugin method instead if you do not wish to negatively affect the SEO of your website.

However, sometimes you may need to remove the title element for all of your WordPress pages and posts. If you would like to remove all pages and posts titles in WordPress, you can do so following the steps below.

Making Changes to your WordPress Sites Theme Files “style.css”

As stated above, you can remove the Page and Post title Element in WordPress by editing the ‘styles.css‘ file for your site’s Theme. However, it is not recommended to make changes to your theme’s files directly. When you make changes to your theme files directly, new updates will reverse your changes. Furthermore, making direct edits to these files can cause undesired effects or break your site. The simplest method is to use a plugin that will override your theme’s styles and can be easily activated or deactivated as needed.

How to Remove all Page and Post Titles in WordPress – CSS Method

This method is easy and does not require the use of a child theme. You can install and activate a plugin such as ‘Code Snippets‘ to remove the Title element from all of your pages and posts which you can in effect “turn on and off” without breaking your site. To do so, simply follow the steps outlined below.

In this section: Copy CSS Code Locate Title CSS Class Name

Step 1. Install and Activate the ‘Code Snippets’ Plugin.

how to remove all page and post titles in wordpress

Step 2. From your WordPress Dashboard click on ‘Snippets‘ then ‘Add New

use code snippets to remove title in wordpress

Step 3. Name your Snippet ‘Remove Title‘ then copy and paste the following code into the Code Box:

add_action( 'wp_head', function () { ?>

<style>
.entry-title {
   display: none;
}
</style>
<?php } );

See our Visual Example Below:

remove wordpress page and post title using code snippets

Step 4. Select the option ‘Only run on site front-end‘ then Click ‘Save Changes

code snippets
use code snippets to remove page title in wordpress

Step 5. Click the ‘Activate‘ button to “turn on” your changes.

how to remove post title in wordpress with code snippets

Step 6. Check your Posts and Pages to ensure the changes have taken effect!

That’s it! You have now removed the Page and Post title element from all of your WordPress posts and pages.

Note: If the Title is still there after activating your Code Snippet, your theme may be using a different CSS Class Name for your Titles. The default CSS class name for your Post/Page titles is ‘.entry-title‘ as in our example. But if that did not work, you will need to replace this with the CSS Class name used by your theme. To locate the CSS class name for your Title, follow the steps below.

How to Locate the CSS Class Name for your Titles

If the default code snippet we provided in the steps above did not work this means your theme is using a different Class Name for your Titles. You can replace the ‘.entry-title‘ portion of the code we’ve provided with the CSS Class name for your Titles from your theme. To do so, you will first need to locate the CSS Class Name for your titles. You can locate this easily in your browser. This is done by browsing to one of your pages or posts, highlighting your Page or Post Title with your mouse, then right clicking and selecting ‘Inspect’. It is best to use the Google Chrome Browser for these steps but you can usually use most browsers for this.

Step 1. Browse to a Page or Post in your WordPress site

Step 2. Highlight the Page or Post Title with your Mouse Cursor

Step 3. Right Click on the Highlighted Text then select ‘Inspect

view CSS in wordpress

Step 4. View the CSS code in the Inspection Pane to identify the CSS Class name for your Title.how to locate css class name for page title in wordpress

Step 5. Edit your Code Snippet and Replace .entry-title‘ with the CSS Class name you’ve found by inspecting your CSS.

locate css class name for title

Step 6. Click ‘Save Changes‘ and Activate your Code Snippet.

Step 7. Check your pages and posts to confirm the Title is no longer displaying.

Leave a Reply

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