Last updated on August 1st, 2018 at 06:52 pm
If you’re a DIY’er like me, then you want to know how to manage and grow your blog without a lot of help. In this tutorial I am going to show you how to remove a page title in WordPress without using a plugin.
I am not a huge fan of using a ton of plugins on my blog. If you are brand new to WordPress and need to know more about using plugins, read this tutorial.
Let’s remove the titles from a page in WordPress.
By default, WordPress will place post and page titles above your content. Most people will leave the page titles as as.
However, depending on your blog design, you might want to remove the page title for whatever specific reason. It could clash with your web design? Maybe you just want to remove it because it’s your blog and you don’t want it to show?
I don’t know why anyone would want to. But that’s the great thing about having a self-hosted blog, you’re in complete control.
Can I Remove Page Titles With A Plugin?
WordPress makes it extremely easy to make changes to your blog both with and without a plugin.
There are plugins that you can install that will easily remove page a page title. Here’s one I found from just doing a quick search on Google.
However, in this tutorial, I am going to walk you through the process of doing it without using a plugin.
If you don’t feel comfortable messing with code, you may want to use a plugin to remove your page titles.
Follow along as I show you exactly how to do this without a plugin.
Removing Page Titles Manually
I realize that most people don’t want to install a new plugin just to perform a small task such as removing a page title.
It’s easy to make this small change using some HTML code and adding it to your CSS style sheet. Technically, this code won’t remove the title, but it will hide it from your blog.
Follow along as I show you how to find the code you need to hide your page title.
Step 1: Find the Class Name for the Page Title
I will be using Google Chrome to help me find the code I need to add to my CSS style sheet.
If you haven’t downloaded the Google Chrome Web Developer extension which makes it easy to make HTML and CSS changes to your blog, now’s the time to do so.
Once you’ve added the extension to your Google Chrome browser it’s time to find the class name for the page title.
Here is how my page title looks like on my Demo site that was setup using Desktop Server.
In order to find the HTML code we need to hide the page title, we want to inspect it using Chrome. Place your cursor on the page title and right click on it using a PC or for a mac you click and use CTRL to bring up the inspect element.
Select inspect and now it’s time to dig through all the code.
Step 2 Look for Entry Title
Don’t freak out because of all the code you’re seeing. The wording for this action is very similar in Internet Explorer and Chrome. Next, press Control + F, which will open the Find box. Type “entry-title” into the box and remove the quotes
Depending on the name of your page, yours may be different.
This is the code that we need to make changes to the page title.
Step 3: Find the Page ID of the Page
If you only want to remove the page title from a specific page, you will need to use the page ID of the page.
Let’s grab the page ID for the home page on my development site. Click on edit of the page that you want to remove the page title. Then scroll to the URL of the opened page on your browse.
You will see the ID number of the post or page. You can only see the ID if it is in edit mode.
In the image above you can see that the page id is 4.
Step 4: Add the Code to Your Style Sheet
To remove the code from this specific page I would open up my Style sheet via my FTP client or add them to my style sheet from inside my site.
Take a look at my CSS style sheet to see how it looks. pic my code css style I had to add the code as:
display:none;
}
For some reason that was the only way to remove the page title from my home page on my demo site. So I had to keep playing around with it until I got the outcome I wanted.
You might have to keep tweaking your code until you get it to look the way you want. This plugin is awesome for helping you track down those class elements that seem difficult to find.
Removing the Page Title From All the Pages
If for some reason you didn’t want any of the page titles on any of your pages, all you would add to your style sheet is.
This will remove the page title from all the pages on your blog.
Final Take Away
You’ve just learned how to hide the page title from a single blog page or all the pages on your blog. As you can see, WordPress makes it extremely easy to make changes to your blog.
While you might think that it’s not important to learn how to style your blog. Making small tweaks like we just made will help you improve your overall blog appearance. Image how you will feel when you start learning the skills you need to maintain your own blog.
Eventually, you could start offering your services to others and start making money.
WordPress is NOT all about sitting down and writing post after post. You can also learn how to make your blog stand out from others by making small design tweaks.
The job as a blogger is never done. You need to write a blog post and then don’t forget about promoting it to drive visitors to your blog. If you’ve just started your blog find out what you need to do right after installing WordPress.
My goal is to make my tutorials as easy to follow as possible. Nonetheless, if you’re still having issues removing your page title, post your comment below. I’ll try to help you out as best as I can.
Hand Picked Articles for You
Do you remove the page titles on your blog? If so, do you use a plugin, or did you do it manually?
