How to Hide Page Title in WordPress – Easy Tutorial for Beginners
“WordPress lets you show what you want and hide what you don’t want to show.” Its one of those statements you hear when people talk about WordPress designing. One of the benefits of WordPress has always been that you can edit almost every element with the least amount of difficulty. So why not take that feature and remove perhaps one of seemingly core element of any of your webpage; The Page Title.
But first, one might ask, ‘Why?’ Well, there are benefits to removing page titles. Maybe for the sake of customizing the design of your website or setting a unique theme to your posts. It’s also very useful while building a customized landing page for your website. It’s also important to remove page titles if you’re running a One-page designed website so that your website looks a lot more presentable and clean.
Now, the easiest way to remove Page titles is to just not put a Title on your page, to begin with. But that creates all sorts of issues. For one, your pages are titled as “(no title)” on your admin pages. Furthermore, searching, indexing and compiling them becomes much more difficult.
So, if you want to hide page titles in WordPress, you must follow one of two methods. The first one is a bit more difficult but great if you want to increase your understanding of how Web coding works and just want to gain more knowledge. However, the second is much more comfortable and creates fewer issues.
Method 1: Modifying HTML Code
The direct way to do it is just finding the name of the Class associated with your title tag and hiding it. This requires you to find the page id, open the Appearance editor and add a CSS code. The referenced CSS Code being :
“.page-id-### .entry-title {display: none;} “
### is your respective page id. This process lets you hide the page title of a specific page or post without using a plugin. So here is the step by step procedure for doing so:
-
Find the ID of your Page
To do this, go to the edit screen of your post and check the URL. The URL should look something like :
http://Websitename/wp-admin/post.php?post=###&action=edit
Here the <###> part is your page/post ID. Note this somewhere for now. For us, the page/post id is 158.
-
Find the Title class
A title class is always associated with your Titles, and this can be displayed by viewing the source code of any of your website’s web pages.
Inspect the respective live page on the website and to open the source code window.
Now search for the Title you have given for the page by using the search bar(use ctrl+F). You might have to go through a few entries, but the title class should look something like this:
<h1 class=”entry-title”>Demo Page</h1>
The ‘Entry-Title’ here is the Title class. You require this as well so keep it copied somewhere.
-
Insert the CSS code
Now to insert the code, you need to access the CSS of your theme. For this, select the Appearance tab in the dashboard and click on Customize. Then, direct to Additional CSS in the side Menu.
Then, insert this given code:
.page-id- ### .entry-title {display: none;}
This lets you permanently hide the Title of the respective page until you remove this code from your Stylesheet.
If you want to hide all the titles of every Page simply use
.entry-title {display: none;}
This will permanently hide all the Page titles on your website.
NOTE: This CSS code is applied to your current theme that you’re customizing only. If you change your theme, you will have to re-insert the code again.
Thus in this way, you can hide Page Titles in WordPress without the help of an external plugin.
For Post Title:
The process for hiding post titles is completely identical. You need to first direct to the posts listing on the dashboard instead of pages to find their ID. Posts have their own ID as well which is also displayed in their URL, and the Title class is shared for your entire website.
The code used for hiding posts would be:
.post-id- ### .entry-title {display: none;}
Method 2: Using a Plugin
The second method is done by simply using a Title hiding plugin. While plugins provide an easier way to do the same task as above, some plugins that provide even more. Some plugins provide additional features such as default hiding while some allow you to remove the Title element instead of just hiding it.
There are many of these plugins available on the web and in functionality are similar to each other. So we would recommend :
Genisis Title Toggle
Features:
- Easy to use
- Sitewide defaults through plugin settings
- Can use code to filter to change post and page types.
Title Remover
Features:
- Simple and useful Click-box to hide Titles
- Does not affect menus or admin area or post tables
- Works for all post types and pages.
How to use Plugin:
We have chosen Title Remover for this demonstration as it is simply too easy for anyone to use but still very effective
The process is extremely easy compared to the above method.
First, install the Plugin. The directions for doing this are given here:
Next, open the post creation form of any page or post and click on the meta-box that says “Hide the title for this item.”
This should hide the page title until you uncheck this. Easy enough.
Once you’re done, the page should be hidden. To show how it looks, we’ve taken the following image. It shows the display of a page before and after hiding the page title.
You now know the ways of hiding your page title, and you’re are all ready to go. Whether you want to create a One-Page website or want to create a beautiful page filled with an idea too limitless to set a specific label on it, you have the tools necessary to do so.
Similarly, if you want to check out some more posts to add more of a shine to your WordPress website, refer to:
JC