How To Make a WordPress Child Theme Tutorial

7 responses

  1. Well that’s an ok read… however, some parent-child items do not resolve correctly unless Im missing something. Namely, image paths in what I’d expect to be the CSS.
    Here’s an example. I make the following child theme and put it in a dir called “moo”. I’ll call on the WP default theme. I dont want to style it from scratch so I add the @import to pull the parent CSS. So we have…

    /*
    Theme Name: Moo
    Theme URI: http: //example.com/
    Description: Testing WordPress Child Themes
    Author: mrexample
    Author URI: http: //example.com/
    Template: default
    Version: 1.0
    */
    @import url(“../default/style.css”);

    But it seems as though the background image is not showing up. Here we get a call for… http: //www.example.com/wp-content/themes/moo/images/kubrickbgwide.jpg

    Why? Because as I see it the “kubrickbgwide.jpg ” image is not called via the CSS, but instead through the PHP file, “header.php” Hmm… so in this case I’m not sure “any” theme could, or rather, should be a parent theme. So this might be an easy one to fix of course, but what of all the other more complex themes?

  2. That would be one of the reasons I wouldn’t use Kubrick as a theme framework.

  3. @ian Right on. Just odd that the Default WP theme has so many peculiarities. back when WP was new and shiny to me, that was the theme I always used as research for tags etc.

  4. Thanks for the mention, Ian! 🙂

    Kubrick is the theme I wanted to use in the examples –so that people wouldn’t have to download and then upload a theme just to follow the tutorial– but I run into the issue Kel describes…

  5. […] without too much hassle you can take advantage of the many tutorials Ian has written on creating child themes. There are even many free child themes of Thematic available including Junction, Monochromatic, and […]

  6. […] what in WordPress terms is called a child theme. If you want to learn all about child themes read this. It’s essentially a framework that makes life much simpler when WordPress or parent themes […]

  7. […] How to Make a WordPress Child Theme Tutorial […]