How to Hide Page Titles in WordPress (6 Methods)

Hiding page titles in WordPress is a concept that might sound a bit technical, but it’s an essential trick to have in your arsenal if you’re looking to customize your website. Page titles might sometimes interfere with your design aesthetics or user experience. This is particularly true for special pages, like landing pages or home pages with customized designs, where a title might seem redundant or unnecessary.

In this guide, we will simplify the process of hiding page titles in WordPress. We’ll walk you through several methods to hide titles. We’ve got you covered, from using a page builder to tweaking custom CSS codes. So, let’s explore how to make your WordPress pages sleeker by learning how to hide page titles effectively.

What is a Page Title in WordPress?

In WordPress, a Page Title is the name you give to a particular web page on your site. This title appears at the top of your page or post as the headline. It is often used in that particular page URL (or “slug”) and is displayed in the title bar or browser tab. Most importantly, search engines use it as the primary title in search results.

Thus, the page title is important for user experience and SEO (Search Engine Optimization). It helps visitors understand the page’s content and significantly affects how search engines understand and rank your page.

In the WordPress editor, you can set the title in the title field at the top of the page or post editing screen. WordPress displays the title text to your visitors as the H1 title in the page hierarchy. While in the HTML of the web page, there is another title specifically for search engines – the title tag. The title tag is meant to accurately and concisely describe a page’s content. It helps search engines understand what your page is about.

Why Hide Page Titles in WordPress?

Every element on your site should serve a purpose. On certain occasions, a title on your page or post may be redundant or even break your design.

Here are some example cases where you may need to drop the post and page titles:

Redundancy Elimination

Titles such as “Home” on your Home page or “About” on your About page can be repetitive as the content of these pages usually speaks for itself. Pages of this sort do not really need an entry title. Removing these titles can eliminate unnecessary repetition.

Improved Aesthetics and Design Flexibility

If you aim at a minimalistic and highly customized design, a page’s title may interfere with the visual flow of your website. Thus, you may consider hiding a page or blog post title to streamline its design flow.

You may need to hide the WordPress page title if you want to increase the flexibility of your layout design. This allows you to create unique looks that align with your brand identity.

Furthermore, hiding the page title might enhance their overall presentation for certain types of websites, like portfolios or single-page sites.

Better User Experience

Sometimes, a page title might be confusing or misleading to users. This is particularly true for landing pages or special campaign pages where the focus is guiding the user towards a specific action, like filling out a form or purchasing.

Note that you won’t need to hide titles for all the pages in your WordPress website. But you may need to hide a title for a specific page or a particular post, especially if you want to put an accent on the aesthetics and user experience.

6 Methods to Hide Page Titles in WordPress

There are several different approaches to hiding page and post titles. In this section, we’ll provide you with the steps you need to follow to achieve that, so read on.

Method 1: Manually with the Theme Customizer

Hiding page titles from the Theme Customizer in WordPress is a relatively simple process. However, note that the exact steps can vary depending on your specific theme. Some WordPress themes have built-in options to do this, while others don’t.

In case your theme of choice provides this option, you should be able to find it in the Theme Customizer.

The steps you need to take to hide a page title in WordPress are as follows:

1. Login to your WordPress Dashboard
2. Navigate to Appearance > Customize.
   

   

3. In the Customizer, look for the section that controls your Page settings. This could be under sections like “Theme Options,” “Layout Settings,” “Content,” or something similar, depending on your theme.
   

   

4. Once in the Page settings, look for an option to Hide Page Title.
   

   

5. Slide the toggle to hide the page title.
6. Click “Publish” to save your settings once changed.

This theme option usually works for specific pages and may be named differently but still in the “disable title” context.

Method 2: Adding a custom CSS code

In case your theme does not come with the abovementioned option, you can still hide title by adding a custom CSS code snippet.

Hide all page titles

To use that method and hide all page titles in WordPress, follow these steps:

1. Login to your WordPress dashboard.
2. Navigate to Appearance > Customize.
3. Go to the Additional CSS section.
   

   

4. Input the following CSS to hide all page titles.

.page .entry-title {

display: none;

}

5. Click “Publish” to save the changes.

If that doesn’t do the job, you may need to replace the CSS class “entry-title” in the above CSS code with another one. That is if your theme uses a different CSS class name for the title element.

To check what CSS class your active theme uses, load the page in your browser and Inspect element for the title you want to hide.

Inspecting the page’s title element will start the browser’s Dev Console, where you can find the title class used in the CSS.

As the screenshot above shows, the class used in the theme’s CSS is “nv-page-title.” Use that class to replace “entry-title” in the same code snippet in the Additional CSS like this:

.page .nv-page-title {

display: none;

}

Paste the snippet and click Publish to save the changes and hide the title.

Hide the title for specific pages

If you don’t want the title displayed on a specific page or a post, you can do so using the page’s ID or the post ID. To do that, follow the steps outlined below.

1. Access your Dashboard.
2. Open Pages > All Pages.
   

   

3. Hover over the page for which you want to disable title and over the Edit option. Look at the bottom of the page to find “post=2” in the page’s URL which is the page ID.
   

   

4. Get the ID and use it to specify which page’s title you want to hide by adding it to the CSS snippet, as shown below:

.page-id-2 .entry-title {

display: none;

}

5. Hit the Publish button to publish the page without a title.
6. Check your page to see the result.

Method 3: Using a Child theme (editing functions.php) -FTP/File Manager

Another method you can use to hide a page title in a WordPress site is by editing the functions.php file of your Child theme. You can use this method to hide the title only for certain pages.

Here are the steps you need to follow to hide titles using a Child theme:

1. Create a Child theme for your active theme if you don’t have one yet.
2. Get the CSS class for the page’s title (using the steps mentioned in Method 1). Copy the class and save it somewhere as you’ll need it later.
3. Get the Page ID as shown in Method 2 and save it as well.
4. Access your Child theme files via FTP/SFTP/SSH or even File Manager and edit the style.css file.
   

   

5. Paste the following snippet inside:

/* Hide title on the “Sample page” */
.page-id-2 .nv-page-title {

display: none;

}

6. Save the changes and clear your browser cache to check the results.

Method 4: Using the Gutenberg Editor

You can also hide a page title in WordPress with the Gutenberg Page Editor. We recommend against using this method as it hides your page or post title completely (H1 and title tag). This may have a negative impact on your SEO and permalinks.

To hide the page title with Gutenberg editor, follow the steps below:

1. From your Dashboard, navigate to Pages > All Pages.
2. Hover over the specific page title and Edit it.
   

   

3. Delete the title from the page title box.
   

   

4. Publish/Update the page to save the changes.
5. Clear your browser cache and check the results.

Method 5: Hide Page Titles with Elementor

In case you are using a page editor like Elementor for example, you can leverage the built-in option for page and post title hiding. To use this feature, follow these steps:

1. From your Dashboard navigate to Pages > All Pages.
2. Edit the page of your choice.
3. Hit the Edit with Elementor button at the top of the page.
   

   

4. Hit the gear icon in the bottom left corner to access Elementor’s Settings.
5. Slide the Hide Title toggle to Yes to enable the option.
   

   

6. Publish or Update the page to implement the chage.
7. Check results.

Method 6: Hide a title in WordPress with a plugin

Last but not least, you can hide the page title using a plugin. For example, you can use the Title Remover plugin. The steps are pretty srtaightforward:

1. From your Dashboard go to Plugins > Add new.
2. In the search bar type Title Remover and Install the plugin.
   

   

3. Activate the plugin.
4. Navigate to Pages > All pages or Posts > All posts and Edit the item you wish.
5. Hit the Settings button in the upper right corner and scroll down to the Hide Title section.
6. Tick the box next to Hide the Title for this item and Publish/Update the page to save your changes.
   

   

Factors to Consider When Hiding Page Titles

Hiding a page title in WordPress requires careful consideration, balancing aesthetics, site navigability, and SEO performance.

In this section, we’ll succinctly explore these key factors, guiding you towards an informed decision that benefits both your website’s design and user experience.

SEO

SEO is a crucial aspect to consider when deciding to hide a title in WordPress. Titles are a key component that search engines use to understand the content of a page or post. Thus, they play a significant role in your SEO strategy.

When you hide a title, you remove information that helps search engines index your content correctly. This could potentially impact your website’s SEO performance. However, it’s important to note that the ‘hide title’ action only removes the title from being displayed on the front end of your website. The SEO title still exists in your page’s metadata, which search engines primarily use to index your content.

Therefore, even if you hide the title, ensure that you still provide a clear, concise, and keyword-rich title in the backend. This way, you maintain your SEO performance while achieving your website’s desired look and feel.

User Experience

User Experience (UX) is also a key consideration when hiding titles in WordPress. Titles provide users with immediate context about a page’s content, aiding navigation and understanding. Removing them can affect user experience, potentially leading to confusion.

However, hiding the title can enhance focus on specific content or calls-to-action in some cases, such as on a landing page. The decision to hide a title should be made thoughtfully, based on understanding your audience and the page’s purpose, to ensure optimal user interaction and engagement.

Compatibility

In the process of hiding page titles in WordPress, compatibility plays a role in the effectiveness of your changes. This means you must ensure that your modifications don’t disrupt your theme or plugins, potentially impacting their features.

Device compatibility is another aspect to consider. While a hidden title may enhance the desktop view, it might lead to confusion on smaller mobile screens due to their limited space. Therefore, the goal should be to hide a title without compromising your website’s functionality or user-friendliness across various themes, plugins, and devices.

Summary

To sum it all up, hiding page or blog post titles can be beneficial for your site’s overall look and feel. In this guide, we’ve elaborated on 6 practical methods you can use, including the use of plugins, custom CSS, and page builders.

While customization is key, remember to maintain a balance between aesthetics and SEO performance. With the right approach, you can create a sleek, user-friendly WordPress site that still ranks high in search engine results.

FAQs

How Do I Hide the Title of a Page in Woocommerce?

Hiding the title of a page in WooCommerce can be achieved with a simple code snippet added to your theme’s functions.php file. Here’s a quick guide:

1. Access functions.php via FTP/ SFTP/ SSH.
2. At the end of the file, add the following code:

add_filter( 'woocommerce_show_page_title' , 'hide_page_title' );

function hide_page_title() {

return false;

}

3. Save Changes: Click “Update File” to save your changes.

This code tells WooCommerce not to display the page title. Remember, modifying your theme files can significantly affect your site, so always make a backup before making changes. If you’re uncomfortable editing theme files, consider using a child theme or a plugin instead.

How do I hide my Widget name in WordPress?

Hiding a widget title in WordPress is a straightforward process. Here’s a step-by-step guide:

1. From your Dashboard, navigate to Appearance > Widgets.
2. Find the specific widget whose title you want to hide and click on it to expand it.
3. In the expanded widget, you’ll see a field for the title. Simply delete the text in this field.
   

   

4. Click on Update to apply your changes.

This will effectively hide the title of that specific widget on your website.