Originally made for blogging, which is a dynamic use, WordPress has great features that help users focus on their content. As the platform grows to be more versatile, a few features might be not relevant to some users. A page title — shown at the top of the content— is one of them.
Either because of aesthetics or functionality, some users might want to remove the page title on WordPress. Luckily, there is a solution.
In this article, I would like to show you how to remove the page title on WordPress easily and safely.
Why Would You Do That?
A title is one of the fundamental elements on a WordPress page. Not only can it give your pages or posts an identity, but a title also has the power to attract people to read the content further. It is a medium for giving the best first impression.
In addition, if you use the right titles for your WordPress pages or posts, they can help your SEO efforts — ranking you higher on the search engine result page.
So, why would you need to remove the page title in WordPress?
While it is beneficial for blog posts, leaving a big title on your static business page might feel a bit misplaced.
Also, if your landing pages have a main focus like email subscriptions, putting a big page title on the top of it would cause distraction. Meanwhile, ecommerce sites are the ones that need to remove the default page title to focus more on the products being sold.
Removing the Page Title on WordPress
You can choose from several methods to remove the page title on WordPress. All of them are beginner-friendly.
Not Entering Any Title
Yes, you heard that right. Leaving your title section on your visual editor blank is a simple and effective way of getting rid of the title.
However, simple as it seems, this method is problematic in the long run.
As you can see from the image below, it might leave too many ‘no title’ lists that can make it hard to differentiate one page from another.
Keep in mind that this technique requires manual editing — a single page/post at a time. For a more efficient way, use the next method.
Modifying CSS
You can modify CSS to remove the page title in WordPress. This will hide the titles of all pages or posts.
Here, I use the Sample Page.
To do that, you can open your browser and right click on any area of the blank page. If you use Google Chrome, choose View Page Source. You would see something like this:
The title is formatted as Heading 1 tag, you can press control+F or command+F and look for ‘h1’. You will find the class title. Depending on your theme, it might be called entry-title.
After that, you can copy the code below. Then, go to Appearance -> Editor -> Stylesheet (style.css) and paste the code.
.entry-title{
display:none;
}
And that’s it.
Another way to modify CSS is by editing the content-page.php.
From your theme files (I use Twenty Seventeen), go to template parts -> page -> content-page.php. Then, simply delete these lines of code:
<header class="entry-header"> <?php the_title( '<h1 class="entry-title">', '</h1>' ); ?> <?php twentyseventeen_edit_link( get_the_ID() ); ?> </header><!-- .entry-header -->
Once deleted, click Update File. This is the result.
Please note that hiding page titles from the core is not SEO-friendly. So, I do not recommend this method.
Using a Plugin
If you prefer to use a plugin to handle this job, Hide Title is definitely worth trying.
With more than 100,000 active installations, this plugin can help you to hide titles on chosen pages only. This is a much more SEO-friendly method.
Once installed and activated, you can see the option to hide the title on a single page. Enable the option for any page you want. It’s that simple.
Conclusion
If it suits your needs, you can remove the page title on WordPress which is located at the top of your content by default.
There are three methods that you have learned to do it properly: by not entering any title for your pages or posts, modifying CSS, and using a plugin.
Choose the method of your preference and make sure to have a backup before making any changes. Happy customizing!
Leave a Reply