Are you looking to hide titles for specific posts and pages in WordPress?
While titles can be beneficial for both search engines and users, not every page requires a title based on its design.
In this article, we will guide you on how to conceal titles for particular posts and pages in WordPress.
Reasons to Hide Titles on Specific WordPress Posts or Pages
When you create a new post or page in WordPress, the first thing you’ll encounter is an ‘Add title’ field where you can enter your title.
Most WordPress themes display this title at the top of the page or post. A clear and relevant title helps visitors understand they are in the right place and what to expect from the content.
While titles can be useful, not every page or post needs one. A common example is your website’s homepage.
In some cases, you might want to position the page’s title differently. For instance, you could start your landing page with an attractive banner and display the title further down the page.
In this guide, we will explore three different methods to hide post or page titles in WordPress. Click the links below to jump to your preferred method.
- Method 1: Remove All Post Titles Using the Full Site Editor
- Method 2: Hide Titles on Specific Posts or Pages with CSS
- Method 3: Hiding Specific WordPress Titles Using a Plugin
- Method 4: Concealing WordPress Titles in Custom Page Designs
Method 1: Removing Post Titles with the Full Site Editor
If you’re using WordPress 5.9 or newer and your theme supports full site editing, you can use this method to hide the title from all posts or pages.
Unsure if your theme supports full site editing?
If it does, you will find the menu optionAppearance » Editorin your WordPress dashboard.
After selecting ‘Editor’, the full site editor will open.
From there, choose the template you want to modify by clicking the dropdown at the top of the page, then select ‘Browse all templates’.
In this example, we will modify the Single Post template to hide all blog post titles.
To hide the title, click on the blog post title first. Then, click on the three-dot options menu and select ‘Remove Post Title’ from the bottom of the menu.
Remember to click the Save button at the top of the screen after customizing the template.
That’s it! You’ve successfully hidden the title on all your blog posts.
If you want to hide the title on specific posts or pages, this method is perfect for you.
Method 2: Hiding Specific WordPress Titles Using CSS
You can conceal the title of a page or post by adding custom CSS code in the WordPress Customizer. This approach hides the title from your visitors, but it remains in the page’s HTML code.
This means that search engines can still access the title to understand your page’s content, which is beneficial for your WordPress site’s SEO and can help increase your traffic.
We will guide you on how to hide the title on specific posts or pages, or on all your posts and pages.
How to Hide the Title on a Specific WordPress Post or Page Using CSS
To hide a page or post title with CSS, you just need to know its ID.
In your WordPress dashboard, navigate to Posts » All Posts, or Pages » All Pages. Then locate the page or post where you wish to hide the title.
You can now open this post or page for editing.
Now, simply check the URL in your browser’s address bar.
You should see a ‘post=’ section followed by a number, for example, ‘post=100.’
This is the ID of your post. Remember this number, as you will need it for your CSS code.
Next, navigate to Appearance » Customize.
This will open the WordPress Customizer.
In the sidebar, click on Additional CSS.
Now scroll down to the bottom of the sidebar.
You should see a small text editor where you can enter your CSS code.
To hide the title of a post, use the following CSS code.
Just remember to replace ‘100’ with the post ID you noted earlier.
.postid-100 .entry-title {
display: none;
}
If you want to hide the title of a page, you will need to use slightly different code.
Again, make sure to replace ‘100’ with the actual page ID.
.page-id-100 .entry-title {
display: none;
}
Next, scroll to the top of the page.
Then click the blue Publish button.
Now, if you check this page or post, the title should be gone.
Is the title still visible?
If this method hasn’t worked for you, your WordPress theme might be using a different CSS class. This indicates that the page or post ID may differ from the number displayed in its URL.
To find the correct ID, you’ll need to access your browser’s developer console.
Begin by navigating to the page or post on your WordPress site. Then, open your browser’s developer console.
The method to open the console varies by web browser. For instance, in Chrome, you can use the keyboard shortcut Control+Shift+J on Windows or Command+Option+J on Mac.
Chrome users can also Control+click anywhere on the page or post, then choose ‘Inspect’ from the menu.
If you’re unsure how to access the developer console, you can refer to your browser’s official website or documentation for guidance.
In the developer console, click on the three-dot menu icon and select ‘Search.’
You should now see a search bar at the bottom of the developer console.
In this search bar, type , then press the Enter key on your keyboard.
If you’re viewing a WordPress page, you should see something similar to the following.
<body class="page-template-default page page-id-78 logged-in admin-bar
no-customize-support wp-embed-responsive is-light-theme no-js singular">
In the example code provided, the ‘page-id’ value is 78.
When inspecting a WordPress post, the console should display something like:
<body class="post-template-default single single-post postid-100 single-format-standard logged-in admin-bar no-customize-support wp-embed-responsive is-light-theme no-js singular">
In this case, the ‘postid’ value is 100. You can now utilize this value with the CSS code we shared in the previous step.
Simply add this code to your website using the WordPress Customizer, following the steps outlined above.
Now, check the page or post. The title should be hidden.
How to Hide Titles on All Posts or Pages Using CSS
To hide titles for all your pages and posts, copy and paste the following code into the text editor.
.entry-title {
display: none;
}
Are you looking to hide titles on all your pages while keeping them visible on your posts? To remove titles from all page views, simply copy and paste the following code into the small text editor.
.page .entry-title {
display: none;
}
Alternatively, you can hide titles for all your posts. Use the following CSS code to achieve this.
.post .entry-title {
display: none;
}
At times, you may wish to hide titles for both your posts and pages.
To accomplish this, simply add the following code.
.entry-title {
display: none;
}
Method 3: Hiding Specific WordPress Titles Using a Plugin
You can easily hide titles for specific posts and pages using the Hide Page And Post Title plugin. This free tool allows you to conceal the title of any page, post, or even custom post types.
First, install and activate the Hide Page And Post Title plugin. If you need assistance, you can refer to our tutorial on how to install a WordPress plugin.
After activation, navigate to the page, post, or custom post you wish to edit.
Simply scroll down to the bottom of the right sidebar.
You will find a new option labeled ‘Hide Page and Post Title’.
To hide the title, check the ‘Hide the title’ checkbox. You can then update or publish the post as usual.
That’s all there is to it! When you visit the page, you will see that the title has been removed.
If you ever need to restore the title for this page or post, it’s simple.
Just open the page or post for editing and uncheck the ‘Hide the title’ checkbox.
Remember to click the Update button at the top of the screen. Now, when you visit this page, the title should be visible again.
Method 4: Hiding Specific WordPress Titles Using SeedProd
Another option for hiding titles is to use a page builder plugin.
SeedProd is the leading WordPress page builder plugin available. With this plugin, you can easily create custom pages or even design your own WordPress theme.
This allows you to effortlessly hide the title on a custom page design or within your theme.
SeedProd includes a library of over 150 templates that you can use as a foundation for your page designs. Let’s explore how simple it is to remove the title from one of these theme templates.
Access your WordPress dashboard and navigate to SeedProd » Template Builder. Next, click on the Themes button.
This will open the SeedProd template library, where you can explore a variety of designs.
To preview a template, simply hover your mouse over it and click the magnifying glass icon.
This action will open the template in a new tab.
Once you find a template you wish to use, hover over it and click the checkmark icon.
This will add all the designs from that template to your WordPress dashboard.
Typically, there are various designs available for different content types.
You can utilize these templates to hide titles for various content types. For instance, many SeedProd templates offer a unique design for the homepage.
To hide the title on your homepage, you simply need to edit the Homepage template.
To hide the title on all your posts, you’ll generally need to modify the Single Post template.
If you want to hide the title on your pages, you will usually edit SeedProd’s Single Page template.
To edit a template, hover your mouse over it.
Then, click on the Edit Design link to proceed.
This opens the design in the SeedProd drag-and-drop editor. To hide the title, locate either the Post Title or Page Title.
Once you find the title, click on it. The SeedProd sidebar will display all the settings for the selected area.
At the top of this panel, you will see either Post Title or Page Title.
After confirming that you’ve selected the correct area, hover over the Post Title or Page Title in the main SeedProd editor.
You will now see a row of control options.
To remove the title from this design, simply click on the Trash icon.
SeedProd will prompt you to confirm if you really want to delete the title. To proceed with the removal, click on ‘Yes, delete it!’
The title will now be removed from your design.
To preview how this will appear on your website, click on the Preview button.
When you are satisfied with your design, click on the Publish button.
Depending on your site’s configuration, you may need to remove the title from additional templates. For instance, you might want to hide the title for all your posts and pages, which typically requires editing both the Single Post and Single Page templates.
If you are uncertain, it may be helpful to review all the designs that comprise your theme. To do this, simply navigate to SeedProd – Theme Builder
You will now see a comprehensive list of all your various designs. You can edit any of these templates using the same process outlined earlier.
Frequently Asked Questions About Hiding Titles on Specific Pages and Posts
Before you decide to hide titles on your pages or posts, consider the potential effects, particularly how this might influence your website’s SEO.
With that in mind, here are some of the most commonly asked questions regarding the hiding of page and post titles.
Why can’t I simply leave the ‘Add title’ field empty?
It may seem like a straightforward solution to hide the title. While creating your page, you might think that leaving the title field empty will do the trick.
Initially, this appears to resolve the issue. WordPress will present this post to visitors without displaying a title. However, there are several drawbacks.
Firstly, this page or post will show up as ‘(no title)’ in your WordPress dashboard, making it harder to manage your pages effectively.
If you create numerous posts labeled ‘(no title)’, how can you distinguish between your contact page and your homepage?
Additionally, WordPress utilizes the title to generate the page’s URL.
If you don’t enter a title, WordPress will automatically assign a number to the URL, such as ‘www.mywebsite/8.’
Visitors often rely on the URL to navigate your WordPress site, so ‘www.mywebsite/8’ is not very informative.
This unclear URL is not optimized for SEO, making it difficult for search engines to comprehend your content and include it in relevant search results.
Does hiding the title of a page or post impact my SEO?
If you choose to hide a page or post title, it’s important to focus on enhancing your overall WordPress SEO, including setting a specific SEO title. This will help search engines accurately interpret your page’s content, even in the absence of a visible title.
You’ll need a reliable SEO plugin for this, as WordPress does not offer this functionality by default.
We recommend AIOSEO, the leading SEO plugin for WordPress. This user-friendly SEO toolkit is utilized by over 3 million websites.
If you need assistance getting started, please check our guide on how to properly configure All in One SEO in WordPress.
To ensure your titles are optimized, refer to our guide on using the headline analyzer feature in AIOSEO.
We trust that this guide has assisted you in learning how to conceal titles on specific WordPress posts and pages. Additionally, feel free to explore our comprehensive guide on selecting the best web design software and the top WordPress landing page plugins.
If you enjoyed this article, we invite you to subscribe to our YouTube Channel for insightful WordPress video tutorials. You can also connect with us on Twitter and Facebook.
