I’ve been Googlin my butt off… now that I’ve made the Twenty Twelve theme 1100px wide, I’d love to adjust the width of the header image. I’m just not sure how to override the args of the parent theme from a child theme…. just the width really, any ideas?
Tag Archives: header
I Want True Full Width! A Wide Responsive Theme!
3 Replies
So here’s something that I think is totally lacking in WordPress theme that are available. Quality, WIDE themes! Apparently full-width template doesn’t mean to others what it does to me. I’ve been testing a variety of theme on my blog, and I have found a lot of quality stuff to be certain. I plan to keep switching things up now that I’ve made it so easy on myself with my plugin. I literally have every customization I want in there, I just have to install a new theme, figure out what templates do what, make a child theme, and drop in a few custom template tags and I’m good. Less than half an hour of work… BUT, here is what I want!!
Adding and Removing Default Headers in TwentyEleven
After helping someone through some issues with adding and removing the default headers in twentyeleven, I thought that would be a great idea for our next tutorial. So we are going to cover adding and removing default headers to the twentyeleven theme. The techniques are the same as with twentyten, so keep reading if you are using that one. We will also look into how to set one of your headers as the default as well. This is pretty simple for you, let’s dig in!
Finishing VoodooChild 2011 Setup: An Overview of Our Twentyeleven Child Theme
So over the past couple of days, we got a basic child theme setup. We started with basic width and header images. Then we moved on to margins, and relocating some stuff in the header, and customizing widgets a bit. Let’s just look at our final code.
Finishing Twentyeleven: Adjusting Margins, Widgets, and the Header
Let’s finish what we started yesterday. We’ve started up a new child theme, and made a few customizations to twentyeleven through our child theme already. We’ve got a wider theme, a wider header image (but shorter), and we’ve allowed ourselves to use little images for our featured image header if we want. Let’s finish this up by reducing white space, adjusting the header some more, and wrapping the widgets.
Customizing Twentyeleven, Let’s Start With Width and Smaller Header
I dig twentyeleven. It’s got a lot of fun features and it looks pretty good. There were a couple of things I didn’t like, however. The header is kind of GIANT. So I’m going to need to take care of that. Also, although it is flexible width, the maximum width was a bit too narrow for my taste. Also, I need wider sidebars, I don’t like things looking so cramped over there. While I’m messing with the header, I have my own logo for VoodooPress, no need for the site name to be up top. I’m going to get rid of that, and while I’m at it relocate the search and site description to overlay my header image. Finally, I like my widgets to have their own home, they need a nice box to seperate them from the content a little. It’s pretty easy to get this all done, check it out!
Removing Site Title and Description to Finish Off Our Header in Twenty Ten Child Theme
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.
Make the Entire Header Image a Link to the Home Page
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!
Modify Header.php to Get the Most Out of Yoast’s SEO Plugin in a TwentyTen Child Theme
I have taken a liking lately to Yoast’s SEO plugin. So far, it just plain works. Now I am not the type of guy to worry too much about this stuff. I apply little tweaks here and there and maybe it helps. But the plugin offers a lot of things I like, like bread crumbs, and easy access to my .htaccess file, and robots.txt. Only a few things have to change to enjoy this plugin. Let’s dig in to this.
Allowing Smaller Featured Images to Still Work as Header Image in a TwentyTen Child Theme
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!
