How to Create a WordPress Child Theme

How to Create a WordPress Child Theme

Are you looking to create a child theme in WordPress? Not sure how to create a WordPress child theme?

Child themes make it easy for you to make WordPress customization without losing any changes on theme updates. In this video, we will show you how to create a child theme in WordPress.

If you liked this video, then please Like and consider subscribing to our channel for more WordPress videos.

Summary of this Tutorial:

Child themes are the best way to customize your WordPress site because it allows you to update your theme without losing any customization.

To follow this tutorial, you must have a basic understanding of HTML / CSS and have a working knowledge of PHP and how it relates to WordPress.

To get started, you must create a new folder in your /wp-content/themes/ directory.

Next you need to upload a new style.css file with the appropriate header information which is linked above. The important thing is that you must specify template: parent theme and import your parent theme’s style.css file.

Once done, simply activate your new child theme and start customizing.

You can use Chrome’s Inspect Element tool to identify specific elements that you want to change and add changes in your style.css file.

Next, you can also add a new functions.php file to add custom functionality to your theme.

Posted in

27 Comments

  1. Robert Grubbs on November 1, 2014 at 3:32 pm

    On the WordPress website it specifically says not to use @import to import the stylesheet from the parent theme.

    • Best Dev Tutorials on February 19, 2017 at 1:31 am

      Yup. You shouldn’t because using @import will slow the site down.

  2. Gail Gupton on January 15, 2015 at 10:28 pm

    I found the video very helpful… just wish it went a little slower. Seemed to be rushing me through before I could absorb the information. (Of course, that’s what the pause button is for.)

    • Five Point Five on February 10, 2015 at 1:11 pm

      My brain cannot process this coding stuff at this speed, even with pause…

    • Shimson Naza on June 14, 2015 at 6:33 pm

      @Gail Gupton It seems like the presenter was a voiced robot at Mach 5.

  3. Atheist Rapper on January 29, 2015 at 11:50 pm

    Thanks so much. This video really helped me out.

  4. Sandra Carranza on February 25, 2015 at 6:12 am

    THANK YOU SOOOOOO MUCH!

  5. jps99 on March 3, 2015 at 8:32 pm

    Nice tutorial!  Wow, that was 6:47 of pure meat!  Thanks, I’m heading for your website now.

  6. ScreenPrintR on March 13, 2015 at 9:49 pm

    This is great. Thank you very much.

  7. Dan Stahl on April 30, 2015 at 3:33 pm

    Great stuff. Thanks so much.

  8. Andrei Saklakof on November 12, 2015 at 4:42 pm

    Great work !

  9. Gagan Verma on December 1, 2015 at 7:55 am

    Love you ma’am,,,too good tutorial..Keep posting and helping us..
    Thank you..!!!

  10. Kiandra Plummer on December 18, 2015 at 5:18 pm

    Great tutorial, look forward to future tutorials!

  11. Waleed Kazmi on December 21, 2015 at 2:07 am

    way too fast. slow down

  12. Martin Vestergaard on January 9, 2016 at 7:26 am

    Nice, precise and informative. Thanks

  13. Asti Constantinou on February 3, 2016 at 5:20 pm

    I watched a few tutorials before getting to this one. I found this one the most helpful. Thank you!

  14. shubham khandelwal on March 15, 2016 at 12:43 pm

    Hello there can we do changes in html through inspector??

    • WPBeginner - WordPress Tutorials on March 15, 2016 at 2:26 pm

      +shubham khandelwal if you edit your site using the inspector, the changes will not remain.

  15. jessica gomber on March 25, 2016 at 12:49 am

    This is suppose to be for beginners, but you go way too fast for beginners. Also in the beginning of the video at 1:10 you say to paste the code in notepad, but you don’t say where that code comes from. Beginners are going to know where that code comes from. Now I need to find another video to figure that out. Need to think like a beginner.

  16. madj0hn on April 18, 2016 at 12:47 pm

    Thx a lot for this video. Very well explained and very helpful.

  17. Joe M on May 8, 2016 at 9:14 pm

    you call this beginers!!!

  18. Truyền hình SVOL on December 8, 2016 at 11:34 am

    Hi!
    A question just for interest.
    When go to Appearance > themes, all of themes have featured image
    How to create this image for child theme?

    • Phillip Cornwell on January 30, 2017 at 9:16 pm

      You’ll have to find or create an image you want to use then zip it with the child theme’s style.css and functions.php, it will need to be named screenshot.png (.jpg and .gif will work but are not recommended). See the link below for more information: https://codex.wordpress.org/Theme_Development#Screenshot

  19. VIRTUAL GAMING on October 20, 2017 at 3:56 am

    slow it down to 0.75 speed, so your brain can process the info 😀

    • WPBeginner - WordPress Tutorials on October 20, 2017 at 5:13 pm

      We’ve worked on how fast we go in the videos since 2014 🙂

  20. S D on July 1, 2019 at 4:34 am

    OMG Thank you so much!
    I needed this. Working on it right now.

    You are literally saving money for non-developers like me 🙂

    • WPBeginner - WordPress Tutorials on July 1, 2019 at 6:00 pm

      Glad our video could help 🙂

Leave a Comment

You must be logged in to post a comment.

How to S.T.A.R.T.

an Online Business

Learn how to choose a profitable business model, get the funding you need, pick a market, refine your plan and launch your business!

Free 5 Day Mini Course

Let me build your blog and it will be...

NEED A BLOG?

DONE RIGHT.

 

DONE FAST.

Save Time. Save Money.