How To Hide Page Title In WordPress?

how-to-hide-page-title-in-wordpress

In WordPress, page or post titles are shown as default. They are considered a crucial part of any page because they are directly related to SEO criteria and make users understand more about the page content. However, not all pages need a title, for example, a homepage or a landing page. In some case, a page title in such pages is useless and make the page complicated. It can even make the marketing effort worse.

This article will cover the background knowledge on WordPress page titles, the reasons why you should hide titles, and show how to hide page title in WordPress. Let’s get started!

Introduction to Page Title

Before taking a deep step into the detailed process, we will take a look at the general understanding of the page title.

A page title, also known as a title tag, is a brief description of a webpage that appears at the top of the browser window and on search engine results pages (SERPs). It’s a crucial component of a well-optimized SEO page.

Page titles are used by search engines like Google to quickly determine the content of your page, which can help your website rank higher in search results.

Page titles can also be used to organize your site’s navigation menu and to display your most recent entries on a blog page or in the sidebar. Without a title, you risk confusing your viewers and discouraging them from visiting your website.

WordPress will utilize the page title as the h1 heading tag if your WordPress theme shows page titles on pages.

The title tag and h1 headings are used by search engines to understand the content of your website and to assign titles to search result pages.

Why you should hide page title in WordPress page?

Although WordPress is most widely used for blogging, it can be used for almost any type of platform. WordPress can be anything you need it to be because it is incredibly versatile and readily expanded with plugins. This is why you should probably delete the titles from your posts and pages.

Avoiding Visual Redundancy

Assume that some sites, such as a website builder, are utilized for specific purposes. In this case, a title is unneeded and may detract from the page’s visual appeal. Is it really necessary to have a page title that reads “Calendar” if the page is only a calendar? It’s pointless because visitors will automatically assume the page is a calendar.

Landing Page

Another reason why many people may hide the title is to create attractive landing pages. It’s one of those features that doesn’t have to be shown to visitors. In truth, because the landing page is frequently utilized for advertising, it doesn’t require an H1 tag for SEO. Pay-per-click campaigns, for example, direct consumers to a certain page.

Static Homepages

In some cases, a static homepage will also display the title. In actuality, this title isn’t necessary because the page is presumed to be the main page. This is the case when you set a specific page as your “home” page instead of displaying recent postings.

Pages for eCommerce

Some instances may necessitate deleting the title as aesthetically pleasing while building an eCommerce structure on WordPress. For example, if you’re displaying a shoe category or a custom layout, you might not need the extra title at the top of the article or page.

In WordPress, you can hide the page title in a variety of ways. You might, for example, want to include the title in the content and style it in a particular way. Your theme may also be set up so that the page title is already included in the banner image.

How to Hide Page Title in WordPress Using CSS Code?

The first method you can use to make page titles hidden is adding CSS code in your theme customizer.

Hide Titles on All Pages

If you want to hide all titles of every page of your WordPress website, proceed with the tutorial below:

From your WordPress dashboard, navigate to Appearance > Customize.

how-to-hide-page-title-in-wordpress-1
  • Then click on Additional CSS.
how-to-hide-page-title-in-wordpress-2
  • The next step is to copy and paste the following code in the CSS box: .page .entry-title { display: none; }
  • The last step is hitting the Publish button to save your changes.
how-to-hide-page-title-in-wordpress-3

By doing this, you can immediately hide all page titles on your WordPress site.

Follow the process below if you want to hide the title on a specific page.

Hide Title in a Specific Page

To hide title on a single page, you will first have to find the page’s ID.

But how to get the page’s ID on your WordPress site?

  • In your WP dashboard, head to Pages > All Pages.
how-to-hide-page-title-in-wordpress-4
  • Select the page you want to hide title, then hover the Edit button but don’t click it.
how-to-hide-page-title-in-wordpress-5
  • Take a look at the URL at the left bottom of the page. The page ID is shown in the URL. It is the number right next to the text “post=“. In this example, the page ID is 875.

Once you have the page ID, you can add the CSS code to that page. This process is similar to the process above.

  • Go to Appearance > CustomizeAdditional CSS.
  • Add the following code:
.page-id-875 .entry-title{
display:none;
}
  • To change title of other pages, you just need to replace the number 875 with the ID of the page you wish.
how-to-hide-page-title-in-wordpress-6
  • Finally, Publish your changes.

The title will disappear on the page front end.

If this doesn’t work, you may need to adjust the title’s CSS class, which varies depending on the theme. In that case, you should try adding “!important” to the shortcode as below:

.page-id-875 .entry-title{

display:none !important;

}

Hide Titles in Blog Post

If you do not want to hide the title on functional pages, but only wish to hide the title on the blog post, just refer to the tutorials below.

The process is similar, but you’ll have to use a different shortcode.

Hide titles on all blog posts

  • From the dashboard, go to Appearance > Customize > Additional CSS
  • Then copy and paste the CSS code box as below: .post .entry-title { display: none; }
how-to-hide-page-title-in-wordpress-7
  • Do not forget to Publish the post.

Hide title on a specific post

The process above showed you how to hide titles in all WordPress blog posts. In case you only want to hide title in a particular post, follow the steps below.

  • From the WordPress dashboard, locate to Posts > All Posts.
how-to-hide-page-title-in-wordpress-8
  • Choose the post whose title you want to hide to get its ID.

How to get the ID of a blog post on a WordPress site?

This step is similar to the way you get the page’s ID. Just hover over the Edit button and then you will see the post ID in the URL at the page bottom. In this example, the post ID is 156.

how-to-hide-page-title-in-wordpress-9
  • Then, navigate to Appearance > CustomizeAdditional CSS.
  • Now, you need to coppy and paste the code below to the CSS code box:
.postid-156 .entry-title {

display: none;

{

To hide the title of other posts, you just need to change .postid-156 to match the ID of the post you want.

  • The last step is to hit the Publish button to update your changes and check if it works.

How to Hide Page or Post Titles Using Third-Party Tools?

All methods mentioned earlier use CSS code that requires coding knowledge so they are quite complicated for beginners.

And if these methods do not work for you, you can try other ways to hide titles in WordPress by using third-party tools.

Hide Page Titles Using a Page Builder

The first way mentioned here is using a page builder. Because my WordPress site is built with Elementor so in this article, I will present how to make titles disappear in WordPress using Elementor page builder.

  • From your WordPress dashboard, locate to Pages > All Pages.
  • Hover over any page which you want to hide its title, select Edit with Elementor.
how-to-hide-page-title-in-wordpress-10
  • Then, you will be driven to the Elementor editing interface. Just click on the Settings icon in the page bottom left corner.
how-to-hide-page-title-in-wordpress-11
  • Turn the Hide Title option to YES.
how-to-hide-page-title-in-wordpress-12
  • Click the Update button at the page bottom to apply your changes. Take a look at the page frontend. The page title will now be hidden.

Hide Page Titles Using a Plugin

Another option to disable page titles in WordPress is using a plugin. There are various WordPress plugins for you to hide or remove page titles, for example, Title Remover, WP 4 Me Title Remover, and Hide Page and Post Title.

In this tutorial, we are using the Hide Page and Post Title plugin because it is free, offers a nice interface, and is easy to use.

To use the plugin, first, you need to install it on your WordPress site. This step is similar to the way you install other WordPress plugins. From the WordPress dashboard, go to Plugins > Add New.

how-to-hide-page-title-in-wordpress-13

Then find the plugin in the search box. After that, you can click Install > Activate to activate it on your site.

how-to-hide-page-title-in-wordpress-14

Once enabling the plugin, you should follow the steps below to hide titles in your WordPress site.

Hide page’s title

  • Navigate to Pages > All Pages and choose the page you want to hide the title, then click Edit.
how-to-hide-page-title-in-wordpress-15
  • Hit the Settings button, locating the Page tab. Then, scroll down to the Hide Page and Post Title section. Now, you can make the title unshown by ticking the Hide the title checkbox.
how-to-hide-page-title-in-wordpress-16
  • Lastly, Update your changes.

Hide blog post’s title

The way to hide the title of a blog post with the Hide Page And Post Title plugin is quite similar to the way to hide a page’s title.

First, select the post whose title you wish to hide. Click in Edit to locate the editing page.

how-to-hide-page-title-in-wordpress-17

Now, all you need to do is to click on the Setting icon > Post, then scroll down to the Hide Page and Post Title option and check the box Hide the title.

how-to-hide-page-title-in-wordpress-18

Finally, Update the post to finish all things.

Conclusion

Generally, page titles are important, however, they are not required in some cases. To maximum the users’ experiences, you should hide or remove titles from the pages that do not need a title. Hopefully, with the methods mentioned above, you can find out the most suitable way to make titles disappear on your WordPress pages or blog posts.

Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x

Download Woostify Now

Enter your email address and be the first to learn about updates and new features.

stay informed!

Subscribe to receive exclusive content and notifications