How to make a clickable WordPress header
Some WordPress themes automagically have a clickable header image – others do not.
The good news is that it is really easy to create a clickable header image on your blog. Once you have a clicakable header image your users can click the header to return to the home page of your site so it is a great navigation tool for your blog. There are two ways to make the image clickable. The method that you choose depends on the way that the theme that you are using has been created.
Method 1
First of all go to Appearance/Editor and locate your your header.php page and have a look for this code:

Method 2
If your theme is using a html tag you will need to have a look for a code that will look something like this:

* replace “headerimage” with whatever the path is to your header image
Make sure before you make any changes to your theme files that you keep a copy of them in case something goes weird
Once you have made your changes give it a test out and enjoy your new clickable header.
Related posts:
- How Important is the WordPress Tagline
- Convert Your Old Sales Pages To WordPress
- WordPress Default Theme is Finally Getting Sexier (a little bit)
- Convert Static Site To WordPress
- Simple WordPress Changes That Don’t Need A Plugin





Readers' Comments
This isn’t working for me – I’m using this Flex theme with a custom header. Any idea why?
Many thanks,
Rob
Rob on January 6th, 2010 at 10:46
Just found the problem – there should be a quotation mark immediately before “style”. The code should read;
Rob
Rob on January 6th, 2010 at 10:56
Hi Rob, your comment seems to have been cut off but glad you got it sorted.
Leanne
admin on January 7th, 2010 at 22:15
Hey Dude,
Cheers for this. Went to a few other places first but they showed the code only for when the header image was called for by the header and not when the image was in the css.
you forgot a ” rendering your code useless
You need to add a ” after the ‘ after your domain to close the onclick.
For people that wanna c & p use this:
onclick=”location.href=’http://www.yourdomain.com’”; style=”cursor:pointer;”
Sam recently posted..What Is Seo
Sam on July 14th, 2010 at 11:04
Forgot to ask but how do I make it hover saying its a link or show its a link in the bottom left hand corner of browsers?
Sam recently posted..What Is Seo
Sam on July 14th, 2010 at 11:05
@sam it same as giving hover to normal html page but weird bugs in ie is the problem … better avoid hover unless it comes with WP.
webdesigner99 on August 3rd, 2010 at 14:37