Add a clickable header in Hybrid

I use Justin Tadlock’s Hybrid theme framework often. It’s clean, SEO friendly and easy to customize through child themes. Child themes are custom theme files built on the hybrid framework. Hybrid is based on php hooks, so most of the modifications need to be done through hooks.

A clickable logo is something that almost every business website needs. Here is a quick and easy function to add a clickable logo to your header div.

Make sure you are working in your child theme files.

Open functions.php in your child theme folder. If you do not have a functions.php, create one.

Add the code between the backticks (`):

`
< ? php (remove spaces)
/* clickable logo header ///////////////////////////////////// */
function clickable_logo() {
?>
<a href=”http://thewebshoppe.net”><img src=”http://locationOfYourImage.com/logo.png” width=”554px” height=”83px” /></a>
< ? php (remove spaces)
}
add_action ('hybrid_header', 'clickable_logo');
?>
`

The comment line has to go after the opening php tag. If it is outside the tag, it will write above the opening html tag and throw IE7/8 into quirks mode. All sorts of ugly will happen. The first php names the function clickable_logo.

Use standard html to add the logo. Make sure you replace the above values with your own.

The final php action hook will put the logo into the header.