How To Hide Page/Post Title In WordPress

There are many ways to customize your WordPress site, and one example of this is to hide the Page or Post title so the home page doesn’t display a stream of posts (which is basically a common thing among themes) because it might get in the way of your website’s desired look.

So how do you do this? Joseph Foley from WPMU.org made a nice tutorial on how to hide a page title or post title, and he didn’t just show just one but rather two methods of doing it.

His first method is what he calls ‘The Quick, Easy, Dirty Way’, and it simply involves not putting a title in the title box. Although this works without any hassle with regards to Post titles, it doesn’t with Page titles UNLESS you publish the page first with a title and then deleting the title afterwards. In his article, Foley explains why he’d not prefer doing it this way.

In the second method, all you need to do is add some code into the stylesheet, as indicated below:

  1. Look for the class name associated with the title tag in your template’s code and note it down
  2. Find the Page or the Post ID of the title you want to remove the title from and also note it down (Foley also provided a tutorial on How to Find IDs or WordPress Categories in case you’re having difficulties finding it)
  3. Go to your theme’s stylesheet (Appearance > Editor > Stylesheetstyle.css)
  4. Insert the code at the bottom of your CSS stylesheet
    a. For Pages .page-id-1826 .entry-title {display: none;}

Wherein 1826 is the Page ID, of course yours will be different. There’s a good chance that the class name for your title will be the same as the example above, which is entry-title, but it is still highly recommended that you still check yours just to be sure.

b. For Posts

#post-1773 .entry-title {display: none;}

In the above example, we have 1773 as the Post ID and entry-title again as the class name. As already mentioned before, yours will likely be the same but it never hurts to check. Below is a ‘Before and After’ snapshot.

If you’d like to check out the full detailed version of Joseph Foley’s tutorial, you can do so by clicking here.

Incoming search terms for the article:

Related Posts

Creating a Psychedelic Art Effect in Your Portraits

EWWW Image Optimizer

Inspirational Photo Retouches By Cristian Girotto

Create Your Own Sticker Design Via Photoshop

1 Comment

  1. Sergiu Petrisor

    07.16.2012

    Wouldn’t it be easier to just delete from loop-single.php respectively loop-page.php?