Have you ever spent hours creating a page on WordPress and when you finally check the page after publishing and find out the page title is completely running your design? Well, happened to me just recently and that’s why I am writing this article on how you can hide the page title of your WordPress page or post in Gutenberg Block Editor.
Gutenberg has completely changed the way how we use to use WordPress, we can control every part of our website and every content can be styled individually and that is great but a page title is still tied up to the theme design and there is no easy way to hide or unhide it in Gutenberg.
In this article, we will learn how exactly we can hide our post or page titles that are running our web designs.
Why Hide the Page Titles?
So let’s first start with the most basic question: Why do you want to hide your post or page title in the first place? The answer is simply not every page needs a title. While a title is kinda required on your blog posts, it doesn’t really expected on every page of the website because you don’t want your pages to look like boring blogs.
For example how often do you see a title on any website’s “Home” page? Almost never because that is unnecessary and in some cases even consider unprofessional. You can say the same thing for other pages like “About” and “Services”, these pages need to speak for themselves and if they don’t you might need to take a second look at your design.
But having a title isn’t always bad and you don’t even wanna delete it entirely just wanna hide it and use h1 with a better design or maybe want to hide it and use a different placement or design for your title. But hiding a title from your post or page is not as easy as removing a block from your website and WordPress didn’t provide any easy option for that either.
Another thing you may need to consider before removing the title is the SEO of your site because Google’s algorithm or crawler bots don’t like pages that don’t have a proper title for the page. There are a few things you must consider before taking any action.
SEO Impact
Search engines like Google or Bing use automated bots known as crawlers that scan your webpages and store them in Google servers o better index them in the search result. Since they are bots and don’t know how good-looking your page and how amazing your page looks to the human eye they only know your code and the structure of your page. They read your page elements like its title, headings, and page hierarchy to determine what this page is all about.
When you search for something on any search engine it pulls up the content based on the title and most likely when you click on any search result and go to the page you’ll see the title of that page. When your page has a title element it considers it a title and when it doesn’t have any title it considers h1 tag your page title and when either of them doesn’t exist then the crawler can consider any piece of text or smaller heading as your title and that is bad for your SEO.
How to Hide Titles in Gutenberg
Now let’s look at how we can hide the title of our pages or post, there are a couple of ways of doing that, some method requires editing some codes some requires having a plugin so let’s take a look at them one by one.
A friendly reminder is that we are going to make some changes to the theme files or install some third-party plugin, so it is always a good idea to take a backup if anything gets wrong. Don’t worry we are not going to make any drastic changes in its basic and beginner level stuff.
Hide Titles from all the pages
To hide the title from all the pages we need to use custom CSS to hide it across the pages, there are multiple ways of adding custom CSS to the website from the site editor, from the Theme editor, or via using any third-party plugin such as Custom CSS Plugin.
To add custom CSS go to your WordPress dashboard, go to Appearance > Customize and find the Additional CSS menu. In the CSS code box, paste in the following CSS code:
.entry-title {
display: none;
}Make sure to save the changes and now go back to your site now you won’t see any title on your website.
Hide title from selected posts or pages
Hiding the title from all pages is fine but you may don’t want that for every page and only want to hide it from a selected page or post. For that, you can use a plugin called Title Remover just install and activate this plugin. After that in your page or post editor, you’ll see a new checkbox called Hide title from this item just checkmark it as shown in the image below:
After that save changes and update or publish your page and now when you visit your page your title will be gone from the page.
Conclusion
Now you know why you need to hide your post title and how it impacts the SEO of your website and how you can actually hide it from all the pages or selected pages. However, one thing I recommend is to try keeping the title or at least use the plugin to hide it from selected pages only because default titles are very useful and good for SEO.
