{"id":3533,"date":"2020-03-23T14:52:31","date_gmt":"2020-03-23T09:52:31","guid":{"rendered":"https:\/\/webplover.com\/hosting\/?p=3533"},"modified":"2022-02-12T13:31:27","modified_gmt":"2022-02-12T08:31:27","slug":"hiding-title-from-post-or-page","status":"publish","type":"post","link":"https:\/\/webplover.com\/hosting\/hiding-title-from-post-or-page\/","title":{"rendered":"How to Hide Title from a Post or Page in WordPress"},"content":{"rendered":"\n

Do you want to hide the title from your post or page? This is a complete guide for you.
In this post, I will share three ways to hide titles from posts and pages. As these kinds of titles are sometimes unwanted. Like you don’t want to show that it’s homepage, while it\u2019s already apparent and there is no need to put a title at the top of the homepage showing that it is a homepage. I will show you three ways to get rid of these titles.<\/p>\n\n\n\n\n\n

Let’s get started\u2026<\/p>\n\n\n\n

The first method: By Using Plugin.<\/h2>\n\n\n\n

In the first method we will tell you, how can you hide the title of specific post or page using plugin. so just go to your WordPress dashboard \u00bb<\/strong> click on Plugins \u00bb Add New<\/strong> and search for Title Remover<\/a>.<\/p>\n\n\n\n

\"title-remover-plugin\"<\/figure>\n\n\n\n

The first result will be from WP Gurus<\/a>, with over hundred thousand active installations. Just install<\/a> and activate this plugin. And now go to any page or post which you want to remove the title of. At the right of the post edit screen, you will see different meta-boxes including a new box named hide title. Check this hide title meta-box and update the post.<\/p>\n\n\n\n

\"title-remover-meta-box\"<\/figure>\n\n\n\n

The title will be successfully removed.<\/p>\n\n\n\n

The second method: By Writing a code-line.<\/h2>\n\n\n\n

In this method we will tell you, how can you hide the title of specific post or page by write a code in style.css and functions.php files.<\/p>\n\n\n\n

Hide specific post title<\/h3>\n\n\n\n

Firstly, we have to check the ID of that particular post or page which we want to target. So for checking ID, we will select that particular post\/page, and come to the post\/page edit-screen and you will see the ID of your post in the URL bar.<\/p>\n\n\n\n

\"wordpress-find-post-id\"<\/figure>\n\n\n\n

Copy this ID and go to the appearance<\/b> tab and click theme editor. <\/b>You may get an attention notice, just proceed to the theme editor and don\u2019t worry.
Navigate to your functions.php<\/b> file and copy the below code and paste it in your editor.<\/p>\n\n\n\n

function wpr_hidetitle_class($classes) {\n    if ( is_single() ) : \n        $classes[] = 'hidetitle';\n        return $classes;\n    endif; \n    return $classes;\n}\nadd_filter('post_class', 'wpr_hidetitle_class');<\/code><\/pre>\n\n\n\n
In the second line of the code, write your post\u2019s ID inside the is_single()<\/b> parentheses and update the file.<\/p>\n\n\n\n
\"added-code-to-functions-php_file\"<\/figure>\n\n\n\n
(This code will add a class in the post’s container.)<\/p>\n\n\n\n
\"wp-post-container_code\"<\/figure>\n\n\n\n
Now we have to check the class of our title. For checking the class of a post title, we will come to the front-end, right-click on the title of the post, and click inspect element.<\/p>\n\n\n\n
\"wp-post-title-css_class\"<\/figure>\n\n\n\n
We will copy this class and head back to the editor.
Navigate to style.css<\/b> file, write the below code in it, and update file:<\/p>\n\n\n\n
You can also add this css to Appearance \u00bb Customise \u00bb Additional Css<\/strong> or to any plugin that allows you to add custom css like WP Add Custom CSS<\/a> plugin, instead of style.css<\/strong><\/p><\/blockquote>\n\n\n\n
.hidetitle .entry-title {\n  display: none;\n}<\/code><\/pre>\n\n\n\n
The title will be removed and hidden.<\/p>\n\n\n\n
Hide specific page title<\/h3>\n\n\n\n
In case of removing the title from a page, go to functions.php<\/b> file and now instead of is_single() <\/b>write is_page()<\/b> to remove the title of the single page and insert the ID of the page you want to target, inside the parentheses, and update the file.<\/p>\n\n\n\n
\"added-code-to-functions_php-file\"<\/figure>\n\n\n\n
The third method: Bulk Removing of Titles.<\/h2>\n\n\n\n
In previous methods, we discussed how to remove titles from individual posts or pages. But if you want to hide titles from all posts and pages at once, the plugin method will remain the same. We just have to check the hide title button from meta-boxes and update posts ????.<\/p>\n\n\n\n
In the coding method, we will change a line from our code.
So we will head over to our functions.php<\/b> file and just leave the parentheses of is_page()<\/strong> blank and add || is_single()<\/code> after it like this:<\/p>\n\n\n\n
\"hide_bulk_titles_functions-php1\"<\/figure>\n\n\n\n
And now we will update the file.
All the titles of posts and pages will be hidden successfully.<\/p>\n\n\n\n
Hide Titles of All Posts<\/h3>\n\n\n\n
We will use the following code for hiding the titles of all posts:<\/p>\n\n\n\n
function wpr_hidetitle_class($classes) {\n    if ( is_single() ) : \n        $classes[] = 'hidetitle';\n        return $classes;\n    endif; \n    return $classes;\n}\nadd_filter('post_class', 'wpr_hidetitle_class');<\/code><\/pre>\n\n\n\n
Hide Titles of All Pages<\/h3>\n\n\n\n
And this code will be used for hiding the titles of all pages:<\/p>\n\n\n\n
function wpr_hidetitle_class($classes) {\n    if ( is_page() ) : \n        $classes[] = 'hidetitle';\n        return $classes;\n    endif; \n    return $classes;\n}\nadd_filter('post_class', 'wpr_hidetitle_class');<\/code><\/pre>\n\n\n\n
Still confused! Check out this video for detailed information about the issue.<\/p>\n\n\n\n
Video Tutorial<\/h2>\n\n\n\n