WordPress stands tall as one of the most popular content management systems (CMS) because of its flexibility and user-friendly interface. However, as versatile as WordPress is, certain design elements may not always align with your specific vision. One such element is the page title, which is automatically displayed at the top of every page by default. If you’re looking to create a cleaner and more minimalist design, hiding the page titles can make a significant difference.
In this article, we’ll explore how to hide page titles in WordPress using different methods. Fortunately, WordPress offers a wide range of customization options, allowing you to tailor your website to your exact preferences.
What is a page title in WordPress?
In WordPress, the page title refers to the heading or name given to a specific page on your website. It is typically displayed at the top of the page and serves as a way to identify and provide a brief description of the content contained within that particular page. The page title is an important element for both search engines and visitors, as it helps improve search engine optimization (SEO) and provides users with a clear idea of what to expect from the page.
By default, WordPress automatically generates a page title based on the title you give to your page or post. However, in certain cases, you may want to hide the page title to achieve a more customized design or to place emphasis on other elements of the page. Hiding the page title can be particularly useful for landing pages, portfolio websites, or any other instance where you want to create a specific visual layout.
Page Title & SEO
Page titles play a crucial role in search engine optimization (SEO) for your WordPress website. They are one of the most important on-page factors that search engines consider when determining the relevance and ranking of a page in search results.
Optimizing your page titles in WordPress can improve your website’s visibility and click-through rates in search engine results. By creating relevant, descriptive, and keyword-rich titles, you increase the chances of attracting organic traffic and engaging with your target audience effectively.
WAIT.
What about the ranking of a web with no page titles?
Removing the page title may negatively affect your SEO. If you don’t want to show your page title and are worried about SEO too… this article is for you.
What about if I tell you that you can get good enough click-through rates without a page title? YES! For a page with a good hierarchy, Hiding your page title is far better than removing it. This guide will show you the step-by-step process of hiding page titles in WordPress in different ways.
Let’s start!
How to Hide Page Title in WordPress: 3 Easy Ways
There are many ways to hide page titles on your WordPress website. Here, I’ll describe 3 easy ways to explain each method step by step.
You can hide page title through:
- Plugins
- Custom CSS Code
- Manual deletion
1) How to hide Page title using Plugin
Using a plugin to hide page titles is an effortless way. There are several different plugins to perform this action. But the following 2 plugins are used commonly:
- Hide Page and Post Title
- Title Remover
Proceed with the following steps in order to hide the page title:
Step 1: Install & Activate Plugin
- Log in to the WordPress dashboard.
- Navigate to Plugins->Add New
- Write the plugin name in the Search bar i.e. Hide Page and Post Title
- Click on the Install Now button and then Activate.
Step 2: Hide the page title
- Go to Pages-> All pages in the WordPress dashboard.
- Hover over the particular page and click on Edit.
- Click on the settings icon in the upper right corner of the screen.
- Locate the hidden title and click on the checkbox and press Update.
This process will hide the title from your page.
2) How to hide page titles using Custom CSS Code
Using CSS Code works for both whether you want to hide the title from All Pages on your website or from a particular page.
Hide the title from All pages of your WordPress Website
To hide the title from all pages of your website, follow the steps mentioned below:
- Go to your WordPress dashboard.
- Hover over the appearance and click on customize.
- Locate Additional CSS.
- Copy the following code and paste it in Additional CSS.
.page .entry-title { display: none; }
Click on Publish and It’ll hide the title from all the pages.
CODE NOT WORKING?
Yes! You might face this problem if your theme is using a different class for titles. In this case, you’ll have to follow these steps:
- Open a page in the preview panel.
- Right-click on the page title and select inspect.
- Another panel will appear on the screen with the title/H1 CSS class name highlighted like,
<h1 class="entry-title">Sample Page</h1>
4. Replace the “entry-title” element with the specific CSS class name assigned by theme in the above-mentioned code snippet. This will look like:
.page .page-title { display: none; }
Now copy the code and paste it in additional CSS and update. Now, all page titles will be hidden.
Hide the title from a specific page
To hide the title from a specific page of your website, first, you’ll have to find the Page ID.
- Once you’ve found the page ID. Insert that in place of .page-id-2 in the following code:
.page-id-2 .entry-title{ display:none; }
2. DO NOT forget to replace the page-id-2 element with the particular Page ID.
3. Copy the code and paste it in Additional CSS navigating to Appearance-> Customize-> Additional CSS.
4. Press Publish.
Now, the title from that specific page is hidden.
3) How to Manually delete Page Title
Deleting the page title is not recommended but if you need to do so then follow the process as described below:
- Log in to the WordPress dashboard.
- Navigate to Pages and hover over the particular page you want to delete the title for.
- Click on Edit and delete the text in the title field.
- Click the Publish button to save changes.
Why You may need to remove the page title?
Hiding the page title in WordPress can be beneficial for:
- Improved Design: Removing the page title creates a cleaner and visually appealing layout, highlighting other important elements on the page.
- Landing and Sales Pages: Hiding the title helps maintain a focused and distraction-free environment, increasing the chances of higher conversions.
- Consistency with Custom Headers: If you have custom headers or hero sections, hiding the page title avoids redundancy and ensures a cohesive design.
- Portfolio or Gallery Pages: By hiding the title, you allow the visuals to take center stage, enhancing the overall impact of your portfolio or gallery.
Hiding the page title in WordPress can be easily achieved using plugins, theme settings, or custom CSS coding, providing you with the flexibility to customize your website to meet your specific design and functional goals.
Final Thoughts
Hiding the page title in WordPress can help create a cleaner and more minimalist design. While page titles are important for SEO and user understanding, there are situations where hiding them can be beneficial. This can be particularly useful for landing pages, portfolio websites, or any scenario where you want to emphasize visual elements. WordPress offers various methods to hide page titles, including using plugins, custom CSS code, or manual deletion. Each method provides flexibility to customize your website according to your design preferences and goals.
FAQs.
Why would I want to hide a page title in WordPress?
WordPress users may wish to hide a page title for a variety of reasons. For instance, you could want to remove the title from a static homepage with a lot of information to make it appear cleaner and more professional. Similarly to this, you could want to remove the title from a landing page for a product or service in order to draw users’ attention to the offer or call to action.
Do I need to have coding knowledge to hide a page title in WordPress?
No. You do not need any coding knowledge to hide page titles in WordPress. You can do it following the processes mentioned in this article.
Do page titles affect SEO?
Can I hide the post title?
Yes. Definitely, you can hide a post title like a page title.