There are those times when the title doesn’t fit in with the rest of your design despite its many SEO benefits among other things. The very reason that makes you want to hide WordPress post/page title – the reason we met here today.

Let us hide ’em titles, yeah?

If you’re following, then humor me why…

Why Would You Want to Hide WordPress Page or Post Titles?

Seeing as your web visitors and search engines use page and post titles to find content on your site, why would you want to hide them?

WordPress started out as a run of the mill blogging platform and grew in leaps and bounds to become a powerful and most popular content management system (CMS). Nowadays, you can use WordPress to create any website under the sun.

Due to this reason, there are some websites or pages that would look and perform better without page or post titles. Here are reasons you might want to hide your page or post titles in WordPress.

You’re Using a Static Page as Your Homepage

We said WordPress was initially a blogging system, which means a majority of WordPress themes are styled after the default WordPress themes (e.g. Twenty Seventeen) that show a list of blog posts on the front page.

Now, if you’re using WordPress to run a simple blog, this blog-post-first design is awesome. If, however, you’re looking to use a regular WordPress page as your homepage as opposed to showing a list of posts, you can see just how the page title can get in the way of your design.

Imagine having a page title above your slider for instance, it would look tacky right? If you have a business site that needs a homepage to send visitors towards your products/services, a page title does nothing but mess up your design.

Some themes ship with pre-made homepages that don’t have page titles. If your theme lacks a pre-built homepage, you can set a regular page as your static homepage via Settings -> Reading in your WordPress admin area:

setting static homepage in WordPress

But since pages in WordPress have titles by default, your homepage will display a title at the very top, hence the need to hide page title WordPress.

Some Pages Simply Don’t Need a Title

Take for example you create a page that subscribes users to your mailing list while offering them something in return (e.g. eBook, free trial etc). In digital marketing circles, such a page is known as a landing page.

If you use a heading inside the page to woo search engines and prod people to take some action, you definitely don’t need a page title. As you’ve probably noticed, the page title is limited in terms of styling. For instance, you might break your design when you center the content since the page title doesn’t move an inch.

After all, people who come to your landing page usually know where they are since they probably clicked an ad, a link within your content or an item on your menu. Usually, adding a page title on your landing page is counter-productive since it is distracting.

It’s best to hide the page title and skip straight to the reason the user is on your landing page.

Some eCommerce Pages Don’t Need Page Titles

Your online store doesn’t need titles on every page. Your product pages definitely need a title, but what about your product archive pages? Moreover, if you have a custom layout for your online store, say you’re using a page builder, page titles may ruin the visual appeal of your store.

For instance, you may want to remove the title “shop” from the main shop page, because, hey, who doesn’t know they are on your shop page?

The folks who brought us WooCommerce – the number one eCommerce plugin for WordPress – understand this need as well, which is why they offer you an extension to hide product titles selectively across your online store.

There are many reasons you’d want to hide page or post titles in WordPress, but ultimately, it all boils down to improving visual appeal and maintaining design congruity.

Whatever reason you are here, let’s get down to biz, and hide page and post titles on your WordPress site.

Hiding Post or Page Title in WordPress

There are a couple of easy ways of hiding page and post titles in WordPress. We go over each in great detail meaning you learn something here today. Note, you just need to use one of these methods; choose one that’s most suitable for your needs and skills.

Let’s begin with the easiest just to build momentum.

Hide Page Title WordPress Plugin

hide page and post title wordpress plugin

WordPress has a plugin for nearly any functionality you can imagine. Goes without saying there are a number of plugins for hiding page and post titles, but for this article, we use a nifty plugin known as Hide Page And Post Title by Arjun Thakur.

Let’s begin by installing the plugin, obviously.

Login to your WordPress admin dashboard. Next, navigate to Plugins -> Add New:

adding new wordpress plugin via the wordpress admin menu

Next, enter “Hide Page And Post Title” in the search box, install and activate the plugin:

installing and activating the hide page and post title plugin

After activation, this plugin adds a metabox to your page and post editors. Navigate to Pages -> Add New to test whether the plugin is worth your time:

adding a new page in wordpress admin dashboard

Create your test page as you would any other page i.e. enter your title, page content and the works. Next, tick the checkbox that reads “Hide the title” on the Hide Page and Post Title metabox:

hiding page title using the hide page and post title plugin

Notes:

  • If you can’t see the metabox immediately, scroll towards the bottom of the page editor.
  • You can hide your WordPress post title in similar manner, so don’t sweat it.
  • You can hide page title of your existing pages/posts using this same metabox.
  • Your page or post title will still show in the browser tab, next to your WordPress favicon, blog page (i.e example.com/blog) and archives

Leave Out Page/Post Titles Deliberately

You won’t believe that one way of hiding WordPress page and post titles is actually leaving them out in the first place. Guess you didn’t think about that or did you?

You can always add SEO titles, which is great for search engines, using the Yoast SEO plugin. Additionally, you can edit the page/post permalinks meaning you can preserve some degree of sensibility on a design without titles:

how to create a wordpress page without a title

But you might wonder what happens when you need to edit the pages/posts? Considering all pages/posts without titles appear as “no title”, how will you find a specific page or post in the WordPress admin?

Good news is you don’t have to find or open the page/post within the WordPress admin. As long as you’re logged in, WordPress displays a toolbar at the top of your site.

All you need to do is click the Edit Page/Edit Post button as shown below:

editing wordpress page from the front-end

Your SEO title will appear in the browser tab, but won’t show on your blog or archives. To overcome the navigational challenge this presents, you can add a Read More tag in your post that inserts the “Continue reading” link automatically:

adding a read more tag in wordpress post editor

In your Recent Posts widget, your titles will appear as (no title) so you might want to leave that out in your design. With all these considerations to keep in mind, do you think leaving out page and post titles is a good idea? Let us know in the comments.

Hide All WordPress Page and Post Titles Manually Using CSS

You can hide your page or post titles manually using the display property in CSS. If you’re still wet behind the ears, the display property helps you to hide any element on your website without messing the layout.

How?

Firstly, you need to find the CSS selector associated with your page title. It isn’t that hard. Simply right-click on the page title and select Inspect or Inspect element depending on your browser.

This opens browser developer tools with the page title pre-selected as shown in the example below:

finding css selector for wordpress page title using chrome dev tools

Our CSS class selector in the example above is .entry-title as seen in this line: <h1 class="entry-title">Hide Page Title Using CSS</h1>.

Before you go bonkers because of the dot (.) we added here .entry-title, hear this: By syntax, you write a period (.) followed by the name of the class when selecting elements. For instance, from our example above, we use .entry-titleto select and style the <h1>...</h1> element.

Note that your selector might be different. If for instance the above code was <h1 id="entry-title>Hide Page Title Using CSS</h1>, then our CSS selector would start with a hash (#) like so: #entry-titlebecause – CSS syntax. But CSS classes aside, let us hide the page titles on your entire WordPress site.

Navigate to Appearance -> Editor in your WordPress admin dashboard and add the following code to your theme’s stylesheet (style.css):

.entry-title {
display:none;
}

Usually, the style.css is the first file that opens within the editor. WordPress recommends you add custom styles to your child theme’s stylesheet, so we would love to presume you’re using a child theme. Here’s how your child theme’s stylesheet might look like:

theme editor in wordpress admin dashboard

This is a child theme of Twenty Seventeen WP theme

Note, we recommend using a child theme since you can always update your parent theme without the fear of losing any custom changes you’ve made to your WordPress site. If you make changes directly to your parent theme, you lose your custom changes every time you update the theme.

After adding the code, hit the Update File button at the bottom of the screen and marvel. This simple line of code hides all of your page and post titles, more so if the latter use the same CSS class, which in our example is entry-title. Yep, your page and post titles disappear site-wide. You can clearly see how this can work in your favor if you need that kind of design.

Try it on your own and you just might get your own unique ideas like we did while researching this post.

Note:
If your successfully edit your stylesheet and don’t see the changes immediately, clear your browser cache or perform a hard browser refresh (CTL + F5 in Windows and CMD + SHIFT + R in Mac).

Conclusion

We hope this post helped you to hide page and post titles in WordPress. As an absolute WordPress beginner, best is to go with the plugin method and leave editing CSS and theme files to theme designers. All the same, you’re free to do as you desire.

When all is said and done, we hope you learned something here today. Are you privy to other methods of hiding page or post titles? Perhaps you have a question or suggestion instead. Don’t hold back, hit us in the comment section below. Cheers!

Submit a Comment

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