Posted by Sadish on July 09th 2007
How to properly hide the title of your blog?
This is one of the most common customizations that people want to do in their wordpress blog.
They want to hide their site’s title from displaying at their header. It is most probably because their header image already has it as part of the image itself.
Lets take a look at the most common approaches people take, for doing this.
Approach (1) : Delete the blog’s Title through Options Page
People go ahead and login to their wordpress, click on the Options and they look at the text box with the label “Weblog Title”. They just clear the text in that box and click on “Update Options”.
Start from
Click to Zoom!
and make it look like
Click to Zoom!
Wow ! That seems to work., isn’t it ?
Wait a minute, lets take a closer look !
As a result of your change, the following undesirable effects were created.
Issue #1 : Search Engines do not see the site’s title
You only intended your site’s title to hide from your vistor’s eyes, but now even search engine’s can not see your site’s title.
A site’s title enclosed in <h1> and </h1> tags, is one of the main things, search engines look at when they crawl around your site.
If the search engines do not know your site’s title, how will they display your site as part of any search results.?
Issue #2 : Site Title does not appear in the browser’s top bar
If the user has opened many browser windows or browser tabs, he/she may not be able to find the window/tab that your website is on.
Issue #3 : Site’s Feeds do not display a title, either
If the user subscribes to your RSS Feeds, they also do not display your site’s title.
Some feed reader softwares also reject feeds that do not have a title.
Oh my God! This approach has some serious issues, isn’t it ?
Approach (2) : Delete the line from header.php
Somewhat knowledgeable users open up the header.php in the theme directory. They know what is the line that causes the title to display in the header.
They just look for
<h1><a href="<?php bloginfo('siteurl');?>/" title="<?php bloginfo('name');?>"><?php bloginfo('name');?></a></h1>
and delete the whole line or make it
<h1></h1>
Yes. Now the site’s title do not appear in their header and they are happy !
Wait, They will still have the Issue #1 as we discussed for Approach #1.
Approach (3) : Hiding it through CSS Style definition
If we really think about the problem at hand, it is very simple. We want to hide the site’s title from the header of the site, as we already have the site’s title as part of the header image.
We only have to hide it from people browsing the site in the browser, and not from the search engines or feed readers.
Lets take a look at the CSS based solution for this.
Add
#header h1 { display:none }
at the end of style.css and save it.
Now let’s refresh the site and see if the title is hidden. It is still showing up? You have to clear your browser’s cache and refresh the page again.
Ok…Now it seems to work !
Is there any of the Issues 1, 2 and 3 as we discussed earlier ?
Nope !
Well, may be this is the proper way to hide the site’s title from the header ?
I believe so !
Disclaimer :
This would work in most of the wordpress themes [at least the ones that I created]. If it does not work in one of my themes, please go to Support Forums for my themes and if it is someone else’s theme, please contact the author of that theme.
Commenting on this post for help with your site, is not recommended.
Thanks.
This is a website by Sadish Bala, created to share the news, tips and tricks on using WordPress.
祝您在新的一年里：悠闲像老鼠，干活不辛苦，身体壮如虎，事业正当午，浪漫似乐谱，金钱不胜数，快乐莫你属。 回踩(www.aq86.cn)
好文章！赞！
I tried adding the #header h1 { display:none } to the end of the css.style document, but this did not remove the title. I would like to remove the title, and also, I would like to be able to link my header picture to my main page. Is this possible? Thanks!
Hi,
Can you clarify that to do this, or infact anything in CSS edit you have to be paying for your wordpress account? I can’t seem to do anything at all with my blog unless i pay for an annual subscription, like not even change background colour or anything but if I could do this trick it might help me personalise a bit for free!
Thanks
Thank you so much!
I used inline css first. I set visibility: hidden. it worked but on google my page title doesnt appear. Instead my first post’s title appears. I believe this might fix my problem. I’m also using the All in One SEO pack that Richard uses. Maybe the problem is there.
Margaret,
If you don’t give me the URL of your site, how can I try to help you?
Sadish
#header h1 { display:none }
This also removes my header image. How can you remove just the blog title?
Kimberly, Try the following.
On your header.php, just below your nav, add
let’s see if it solves your issue.
I’ve tried all of these, but the problem I have then is that the nav bar shifts up and goes across the middle of my header! Any suggestions on how to fix this? It’s really annoying!
Thanks for the advice on hiding the header! I use to use the first example, but as I’ve learned I used the second, but because of the nav bar issue I thought I’d try the third option you mentioned. Am I missing something I should know here?
hi, thanks , i´m using all in one seo pack for wordpress, but not all browers are picking up my h1 h2 tags. Do you recommend this or should i be using another seo plugin?
Thank you, Sir!!! I am grateful.
Simple and yet useful wordpress tips! Thanks
Thank you, you have just saved me the headache of code finding. Thanks again
I have a question.. What if I wanted to hide 1 word or a character (examples: +) from the title? Is this possible??
Wow. So simple, I can’t believe it. I don’t know a thing about CSS and you just saved my life. It worked! THANK YOU!
thank you! so simple, i wasted a whole bunch of hours on it.
but now, how to get the description hidden too?
thanks
holger
hello
thanks very very much .. it’s worked with me now