NOTE: This tut is not longer applicable (as of WP 3.3). I will try to get an updated tutorial on here very soon.
Just for fun, I decided I might like to completely overhaul my WordPress login screen. Sure it’s simple to swap out the logo, or maybe change the background colour. Maybe even use a plugin to change some stuff up. But I wanted to overhaul it all, strip it down and start over. Let’s see what I stumbled through today!
I took a look at VoodooPress today on my phone, and you know what? It looked downright butt nasty! Just a few things were out of place, but it was bad. Twentyeleven has a responsive structure built right in. If you forget to account for it, your site may look bad too! Here’s a few quick fixes.
Cruising through my RSS feeds yesterday, I found an interesting article over on the WPLift site. I thought it was a pretty cool idea. So I grabbed the code and then worked with it a bit to get it to fit into my twentyeleven themed site. Let’s check that out.
I had a question come up here on VoodooPress about working with fonts in a child theme. How to set them, how to change theme, how to target specific elements, etc. Fonts can be a quick way to add a unique flavour to your theme. Let’s take a look at how to do some cool things with fonts!
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!
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.
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.
So far this week, we have learned how to post from the front end. And we’ve expanded on that by allowing image uploads from the front end. We are going to go one step further today and add a meta box to our form. This way we can use the meta box to gather data and feed it into a custom field so we can use that data. The data can be just about anything, really use your imagination here. I’ll give some examples of stuff I’m thinking of, let’s get into it!
If you followed along yesterday, we set up a new thumbail size to be used in our admin panel. I find this a handy feature because I like to be able to see things. It helps jog my memory on each post. Besides that, it’s just plain cool. Let’s take a look how to add our new image size into the admin panel posts list.
We have spent several tutorials customizing our Voodoo Child Twenty Ten Child Theme. We’ve done some customizing to our functions.php, header.php and style.css. If you’ve followed along you may want to compare notes. Back on this post we reviewed our header.php fully. I’m just making this post so you can take a look at my css so far in case you would like to compare. It’s got all the changes we’ve made in it so far. Header changes, width changes, removing site title, etc. Here it is:
