We’ve done a variety of changes to the header in our twentyten child theme so far. We’ve learned how to adjust the size of the header image, we’ve made the header image a link, and we’ve allowed for the use of smaller featured images within the header. In this article we’re going to remove the site title and relocate (or remove) the description, since we are using a cool custom header image which already has our site name in the logo. And we will look at the final header code just for a review. This edit is mostly done in css, and it’s quite simple.
So I decided to use my logo as my header image. I love it, it looks awesome. But it already has the text VoodooPress in it. Seems kind of redundant to have my site name up there twice doesn’t it? So I removed the site name text, and relocated the description to the bottom of the header. We will cover how to do all that soon. But if you remove that Site Name link, you lose the built in link to your home page. Let’s fix that by making the entire header image a link!
So by now I’m sure we all realize that when you select a featured image for a page or a post using the twentyten theme, it becomes the header image for that page, or the single view of that post. But what if your picture is too small? Well, we can fix that in a child theme. Check it out!
Here’s a really simple hook you can use right away. And the results are really fun. Did you know you can theme your admin area in WordPress? Now you can’t make a theme for it per se. But it’s real easy to swap out your own logo and to alter the fonts and colours. I always do this on my themes as I prefer darker colours all around normally. Let’s take a look at how this works.