WordPress is one of the most well-known content management systems for blogging. With a massive database of plug-ins and open-source status, WordPress is a platform that can be used for almost any website. To get the most out of WordPress and force it to function like an entirely different system, you must take the necessary steps to make it fit your personal requirements.
Depending on your goals, you might need to make several changes, and at times, these changes might seem counterintuitive to your goals, but you must have faith that it will work out in the end. For example, you might have to remove page titles and headers.
By default, WordPress will place post and page titles above your content. Most people view these as crucial design elements, but depending on your design goals, the page titles might be getting in the way.
If your goal is to use WordPress as a single landing page or want to set a static page for your homepage, you might find that the page title becomes quite annoying.
When you’re trying to implement a customized style, the page title can clutter the page with unwanted content. Fortunately, it’s easy to learn how to remove a page title in WordPress. One of the easiest ways to remove the title consists of never entering one to begin with.
When you first create a page, you’ll need to enter a title, but after publishing the page, you can double back and delete the title.
However, by deleting the title, your dashboard will label the page with no title, which can get confusing when you have several pages with no titles. A number of free WordPress plug-ins can get the job done.
Removing Titles Manually
For whatever reason, you might wish to manually remove a page title. Some users don’t want to install an entire plug-in just to accomplish this simple task.
By making a small change to the HTML code for the page, you can manually remove the title. Technically, the minor change doesn’t remove the title, but it will hide the title from the page.
The title will still be visible from the administrator dashboard, so you’ll always be able to identify the correct content. To remove the title, you’ll need to follow these steps.
#1 Find the Class Name for the Title
First, you’ll need to open the target page in your browser and view it as if you’re a normal visitor. Next, you must right-click on a blank area of the page and click to view the page source.
The wording for this action is very similar in Internet Explorer and Chrome. Next, press Control + F, which will open the Find box. Type “H1” into the box and remove the quotes.
You’ll see that the class name for the title will be shown within the H1 tags, which you can see in the example below.
<h1 class="entry-title">Sample Page</h1>
In the above example, you can see that the class title is called entry-title, and it should have the same name when you look at your own website.
#2 Find the Page ID
In this step, you’ll need to locate the ID code for the page that you’d like to remove the title for. To find the ID code, you can use a free plug-in or view the source code for the page. When you look at the source code, the ID code should be right above the class name. See the examples below.
<div id="post-2" class="post-2 page type-page status-publish hentry">
<h1 class="entry-title">Sample Page</h1>
Observe the ID code and write it down.
#3 Change Your Theme’s Stylesheet
Once you’ve completed the other steps, you’ll need to edit your theme’s stylesheet and add a small bit of code. Head over to your administrator dashboard and navigate to the Appearance section. Next, click on editor, styles and stylesheet.
Scroll down the page until you reach the bottom of the code. Go ahead and enter the line of code shown below but make sure to change the entry title and page ID code to match the information that you’ve gathered from your own site.
.post-2 .entry-title display: none;
To finalize the changes, click the Update File button, and your page or post title will be hidden from the page. If you decide to change your WordPress theme, you’ll need to repeat this entire process.
Once you’ve comprehended these simple steps, it shouldn’t take you more than a few minutes to implement these changes in the future.
If you’re looking for an automated way to remove page titles, consider using plug-ins. Some top choices are Post Titles, Hide Page and Title Remover.
Latest posts by Jamie Spencer (see all)
- Simple Step By Step Dreamweaver Tutorial – 2023 - May 6, 2023
- Best GoDaddy Alternatives for Domain Names or Web Hosting - May 3, 2023
- 12 Free Mockup and Wireframing Tools for Web Designers - May 1, 2023