Thematic Header Image The Right Way!

I have been working with the Thematic theme for wordpress for about a week and love it. After reading many ways to add a header image i found most methods lacking. Some replaced the entire header with a single image, others just removed the blog title and description, ie. also removing the <h1>  tags from the homepage.

This method is by far the best method. It keeps all the SEO optimized Thematic code and it simply adds an empty span to the header and styles it.

Add this to your Child Themes Functions.php

// Add Header Image // Add Header Image
function thematic_logo_image() {
 echo '<a href="'.get_bloginfo('url').'" title="'.get_bloginfo('name').'" ><span id="header-image"></span></a>';
}
add_action('thematic_header','thematic_logo_image',6);

Add this to your Child Themes style.css and make any changes necessary.

#branding {
 height: 187px; /* Change this to your images height */
 padding: 0;
 position:relative;
}
#header-image {
 background:url("images/header.jpg") no-repeat transparent; /* Change This to Your Image */
 height:100%;
 width:100%;
 position:absolute;
 cursor: pointer;
 top:0;
}