WordPress by default will display the title on every blog page. In fact, you may not need it on certain pages, such as the homepage. Then, how to hide the blog title?
In this article, we will explain four ways to remove blog titles. You can choose whichever suits your needs.
Come on, see the explanation further!
Why You Need to Hide Blog Title?
The main reason is aesthetics or appearance that matches the function of a page. For example, the title on the landing page or homepage.
Since the homepage aims to attract visitors’ attention with the main message, having a title like Home at the top, can distract them from focusing.
This also applies when you want to create a page for an online store product. Of course, it is not pleasing to the eye when a page that clearly displays products is still labeled “Shop”, for example.
Therefore, on certain pages it’s a good idea to hide the blog title so that the website looks more attractive.
4 Ways to Hide Titles in Posts
There are four ways to hide the blog title that you can try, namely:
- How to Hide Blog Post Title by Leaving Title
- How to Remove Blog Titles in Posts Using Plugins
- How to Remove Blog Title Through Page Builder (Elementor)
- How to Remove Blog Titles Using CSS
Come on, see the complete guide!
1. How to Hide Blog Post Titles by Clearing the Title
Actually, WordPress gives permission to publish posts and pages without a title. So, here is the easiest way to hide blog title.
For new posts, you can leave the title section blank in the Add Title block . As for posts or pages that have been published, you can edit and delete the title of the post or page, then click Update .
Don’t worry, the website will not error, really. Because, deleting the blog title that has been published does not affect the permalink used.
To note, for new posts or pages, add your own permalink, yes. Because, WordPress will only create automatic permalinks based on the title.
How to remove the title of the first blog is indeed very easy, but actually not recommended.
The reason is, this method will make it difficult for you to manage posts and pages. All posts or pages without title will be displayed as (no title) . So, you are confused when you want to edit a certain page.
If so, let’s try the next method!
2. How to Remove Blog Titles in Posts Using Plugins
Hiding blog post titles can also be done using a plugin. One that can be tried is Title Remover . Here are the steps:
1. Go to the WordPress admin page and access the Plugins menu > Add New .
2. Look for the Title Remover plugin , then install and activate the plugin.
3. The Hide Title feature is located at the bottom right of the editing page. Put a check mark on the Hide the title for this item menu to hide the blog title.
4. When published, the title of your blog post/page will be hidden. How to remove this blog title applies to new posts and when editing posts.
Oh yes, you can also preview it before publishing it.
3. How to Remove Title Through Page Builder (Elementor)
If you use a page builder like Elementor , hiding the blog title can be done much faster without installing additional plugins.
The steps are as follows:
1. Edit a page or post using Elementor.
2. Click the settings icon located at the bottom left corner of the page.
3. In the General Settings tab , move the Hide Title toggle to YES to hide the blog title.
4. Click Update to save the new settings.
Please check the changes you have made to a page or post on your website. This step of removing the blog can also be used when creating a new post
4. How to Remove Titles Using CSS
If the three easy ways above still don’t work, you can try a fairly technical way by customizing CSS. Here’s how:
1. Access a page or post on your website. Then, right-click on the title and select Inspect .
2. The title will be automatically selected and display the CSS class for the title. In this example, the class name is entry-title .
The name of the CSS class in each WordPress theme can be different, some use the name post-title , page-title , etc.
3. If the CSS class name for the title has been confirmed, go to the WordPress admin dashboard page and select Appearance > Customize menu . Then, select Additional CSS .
4. In this Additional CSS panel , you can choose to add the following code:
a. Removes all page and post titles in WordPress.
.entry-title{ display:none; } |
b. Removes all page titles in WordPress.
.page .entry-title{ display:none; } |
c. Removes all post titles in WordPress.
.post .entry-title{ display:none; } |
d. Delete the specific post title.
.postid-1 .entry-title{ display:none; } |
Change the postid number according to the post id you want to change. You can see the id at the bottom of the page when the cursor is hovered over the post title.
e. Removes specific page titles.
.page-id-1 .entry-title{ display:none; } |
5. Once the CSS code has been added, click the Publish button to save the changes.
Conclusion
Those are four ways to remove blog titles that you can try. Choose the method that you think is easiest.
No need to worry about errors if you have followed the steps correctly when hiding the blog title. If necessary, you can do it on WordPress staging first.
