Jun 4, 2009
Customizing Your Wordpress Header Image and Making it Clickable
If your wordpress theme doesn’t automatically support custom header images, you may have to manually edit the theme to fix it up. Usually this can be done from the header.php file.
For example, the Grid-Focus theme contains the following code:
<h1><a href=”<?php echo get_settings(‘home’); ?>/”><?php bloginfo(‘name’); ?></a></h1>
<div id=”blogLead”>
<img src=”<?php bloginfo(‘template_directory’); ?>/images/avatar.png” alt=”Icon” />
<p id=”authorIntro”><?php bloginfo(‘description’); ?></p>
</div>
If you want to remove the title and tagline that populates from your Wordpress settings, you just need to delete these lines out altogether. That way you are just left with the image that you put in.
To make the header image clickable you can follow this simple step (hat tip to smemon.com):
Replace,
<div id=”header”>
In your header file with,
<div id=”header” onclick=”location.href=’http://siteaddress/’;” style=”cursor: pointer;”>
And that’s it



