I needed a way to remove the title from my pages in WordPress. I still wanted the titles to be visible to the search engines (this is important for SEO purposes) but I wanted to hide the page titles from my visitors. Below are two examples of why I needed to hide my titles.

In the first example, I wanted my Tab title to say “Free Project Plans”, but this title is redundant because the projects page is actually subdivided into 4 sections, Lathe Projects, Mill Projects, Engine Plans, and Miscellaneous. Having “Free Project Plans” just above “Lathe Projects” not only looked funny, it was redundant.

Page_with_Page_Title___Annotated_2.PNG

In this nex example, I wanted a short, traditional “About” tab, but I wanted the title of the About page to be “About ProjectsInMetal.com”. One word tabs are great, 1 word page titles seem odd to me.

Adding “About ProjectsInMetal.com” was simple enough (by typing the text and changing the text type to Header1), but I still needed to get rid of the short “About” title (which incidentally is the slightly smaller, Header2).

About_Before_Annotated.PNG

So, how do you hide the title? It’s actually pretty simple. In my case, page titles are all Header2 in size. So I simply opened my CSS style sheet and changed the Header2 info from “font-size: 18px” to “display:none” (to make it invisible to the visitor). Click the image below to enlarge.

CSS_Before___Annotated.JPG

Here is what my CSS style sheet looked like after the changes.

CSS_After___Annotated.JPG

Note, If you’re titles are Header1 in size, make your changes to H1, not H2. The size of your titles may be different, and will depend on how the theme designer created the theme.

After saving the changes to my CSS style sheet, my page now looks like this, with the page titles invisible.

Page_without_title.png

For more information on other ways to hide the title of a WordPress page, visit this site.

Popularity: 25% [?]