How to Hide Page or Post Title in Gutenberg

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 Title from All the Pages and Posts


Have questions or confused about something WordPress Related? Join Our Discord Server & ask a Question

Leave a Comment

Your email address will not be published. Required fields are marked *

Scroll to Top