How to create, install and use a WordPress child theme



In this tutorial, I walk through the basic steps needed to create a WordPress child theme for any WordPress theme. You can see the full post here: http://goo.gl/yGMvS

source

22 Responses

  1. FreddyUFO

    Thank you, the tutorial was very helpful, but I have a question. I'm wondering if it would be more effective or safe to do all my work on the child them and then copy those changes to my main theme's style.css file to match the two theme? Rather than do all my work on the main theme then copy over to the child theme, because the main theme could be affected by updates as I work.

  2. Rick Deckard

    So then you start with the styles.css and as you customize your theme add those customized files into the child theme folder?

  3. Jason Thomas

    Awesome Video. I have a few questions.
    1. Will creating a child theme have a noticeable effect on page loading times?
    2.Now that WordPress has an edit CSS option in the appearance menu, (not sure if that's just something my theme supports or all new WP themes), Is using the edit CSS stylesheet the same thing as creating a child style sheet?
    3. If I create a child theme, do I need to copy the entire original stylesheet. And if so, should I delete the CSS rules that I don't plan on overriding or altering to have less of a file size?

  4. Raymond Gonzales

    Thanks, Will. You presented clearly the difference between the Parent Theme and the Child Theme. I now understand & learn how to manipulate them.

  5. www.IndiaTechGuys.com

    How to Make A Killer WordPress Website From Scratch!

    ———WORDPRESS DEVELOPMENT ————–
    Check out the website in my name if you need any web or app development. Best agency

  6. Woaidajiji

    Thank you so much for the video. I have  a few questions please. 1-There's nothing in my style.css file  ( there's a note stating that it is not being used- (Premium Press theme) 2-Also I created the Child theme from WordPress Admin, after saving it, next to template, I see [xxx]  Is this normal?3- I've been reading that " @import url" should be avoided and that it's better to use " "<link rel =" should I change " @ import" to <link" when creating the child theme? Thanks!

  7. ComaProductions

    Thank you very much for this, I was wondering how to do it to just upload the child theme to WordPress without having to use some kind of software on my computer.

  8. Jure Smrekar

    Nice video! One question pls. How to set up a child theme for multisite wordpress network? I use three domains with same theme, but want to do specific variations for each of these. Tnx n keep up with the good work!

  9. Todd Crutsinger

    If you get this error "PCLZIP_ERR_BAD_FORMAT (-10) : Unable to find End of Central Dir Record signature", it's most likely because you're new like me.  His video is a bit blurry when it comes to the Text Editor portion, so copying what you think you see will create this error.  At least it did for me.
    Here are the few things I had to correct:
    1.  Those are not DOUBLE quotations.  Use single quotes:  ('../themename/style.css');
    2.  There is a space between "url" and the first bracket:  @import url ('../themename……
    3.  Make sure the copied code you put under the theme info starts with the */  I didn't make this mistake but I bet it happens.

    Good luck!

  10. Chris Capps

    Hi, this is definitely the best tutorial I have seen yet but does not manage to answer my issue regarding this process when using the mystile theme from woothemes (please do not direct me to upload wp's tutorial)…when following the @import method or enqueueing the parent via a functions.php file the header of the mystile theme top menu fails completely and thumbnails/pics go back to default specs and will not regenerate. If I past my style.css from the activated parent them to the child, my site displays correctly except for some errors around my cart icon… an unwanted pounds symbol outside of my AU$ sign and an open bracket next to checkout tab in header indicates to me visible residue of a second stylesheet showing from under child? I found an article here which makes reference to my issue but the advice is beyond my current rookie ability: http://wordpress.stackexchange.com/questions/167918/issues-enqueueing-parent-child-theme-stylesheets-with-revised-codex-method