So now we have twenty fourteen in place and I have a child theme started. Of course you remember we always use child themes when editing a theme, right? If not, have a quick read of this old article. It was written back when we were on 2010 but it’s just as relevant now on 2014! Our child theme is set up to pull in the default CSS usnig the @import code, so everything looks the same. I’m just not a huge fan of green, so here’s what I did!
The 2010 and 2011 themes just had updates hit VoodooPress. I’m betting WordPress 3.4 is right behind! I hope everyone is ready for another fun round of upgrades! Theme Customizer, here I come!
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!