A little bit of wordpress

Tonight I did a little bit of theme development in wordpress. A long time ago, I looked into developing my own theme from scratch. I followed a tutorial on the web and whilst it gave me some knowledge of how to do bits and pieces, I never got round to developing my own.

Far more easier is to create a child theme from an existing one. At the time of writing, I’m using the 2012 theme, so I created a folder and named it twentytwelve-child and added a css file inventively named style.css. The important step in creating a child theme is to add the a reference to the original theme via “Template:”, and in the comment below you can see I’m referencing the twentytwelve theme, mavellous!

To adopt the original css file as the starting point, the @import rule is essential. If you do this you will have to think about how you overwrite the original rules, if that’s your intention.

I uploaded everything, checked it looked OK and kinda left it there, to watch Poirot, or Elemetary or something. When I got to work the next day, I had another quick look only to find out that haettenschweiler wasn’t loading. At first I thought this was because my work laptop didn’t have the font loaded. So off I went to have a look at loading fonts.

I had a swifty at Google Web Fonts, but when all the fonts rendered as a sans-serif, I decided something funny was going on that I didn’t much care about in work. But, my interest if typography had been piqued.

So back home, I chose two fonts from Google and dropped them into my new stylesheetwith a bit of text-shadow thrown in for the headings, you know the one I created for my child-theme, so now I have:

Now, I’m reading about eots, woffs, and ttfs. I think more fonty stuff will follow.

Contribute

Got a flickr account? Got a photo that illustrates this post? Just add the following triple tag and as if by magic, it will appear here:

zedzdead:blog=26

Leave a Reply

Your email address will not be published. Required fields are marked *