Blog

WEBFI-WordPress-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.

Text version of this tutorial:
http://www.wpbeginner.com/wp-themes/how-to-create-a-wordpress-child-theme-video/

Follow us on Twitter:
http://twitter.com/wpbeginner

Checkout our website for more WordPress Tutorials
http://www.wpbeginner.com/

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: parenttheme 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.

Related:

Pros and Cons of Child Themes – http://www.wpbeginner.com/beginners-guide/wordpress-child-theme-pros-cons/

Common WordPress Errors – http://www.wpbeginner.com/beginners-guide/14-most-common-wordpress-errors-and-how-to-fix-them/

source

25 Comments

  • Asti Constantinou on February 3, 2016

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

  • 4S007 Gaming on March 15, 2016

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

  • jessica gomber on March 24, 2016

    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.

  • madj0hn on April 18, 2016

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

  • Eshi Paints on April 28, 2016

    I saw this video and thought – ok I am hopeless. Because now my home page has HOME in navigation, HOME on the friggin' banner and HOME on right side of the banner. WP is incredibly complicated.

  • Joe M on May 8, 2016

    you call this beginers!!!

  • Do you not remember what a beginner is? Where did you get the code from. What program do we use to open and edit a .css file? What about the "functions.php" file that WordPress says needs to be changed to create a child theme?

  • kanika khandelwal on August 3, 2016

    Excellent 👍

  • blissweb on August 20, 2016

    Yeah, maybe not so great for beginners, but for me, exactly the content and speed required. Fantastic video. Good job.

  • TheChats02 on October 6, 2016

    Too fast.

  • Abb AB on November 25, 2016

    Good tutorial

  • Chris fka Kerr Avon on November 25, 2016

    Although this method probably still works, accepted best practice nowadays is to include (enqueue) your scripts and styles in your child theme's functions.php file, instead of using @import in your stylesheet.
    https://www.smashingmagazine.com/2016/01/create-customize-wordpress-child-theme/

  • Truyền hình SVOL on December 8, 2016

    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?

  • ḡLibre on February 10, 2017

    @import: this is no longer best practice, as it increases the amount of time it takes style sheets to load. ref: https://codex.wordpress.org/Child_Themes

  • MasterJediDude on February 17, 2017

    This was a terrible tutorial. The speaker goes WAY TOO FAST to understand and the examples that she used were very confusing. This needs a massive do-over.

  • WP Academic on February 18, 2017

    This is bas practice. You shouldn't import child theme CSS into another stylesheet. Any time you import in CSS, it's can't be done asynchronously. As a result, you are increasing page load time. You should enqueue the child theme CSS in functions.php.

  • Zach Harner on July 7, 2017

    I decided to go the child theme route since I was going to be making some changes to the main theme I was using.

    When I created the child theme and activated it, the widgets and menus all reset on the site. The data was still saved, but the site just decided to display the default. I had to go back in to the menu to readjust it, however, I couldn't get the widgets to resort back to the changes I had made while still using the parent theme.

    Any idea how to get this to adjust?

    Thanks

  • Bonni Villaman on July 19, 2017

    What happens if your installation is on the server? Where do you get those folders?

  • HonestArtts Ent. LLC on October 4, 2017

    my child theme seems to be corrupted. It was working fine yesterday. Now i only see my navigation menu while all of my pages have disappeared. I can see my main navigation menu, but no pages under each tab. My parent theme still works, yet it doesn't have the customization that i set with my now broken child theme. Also, when i activate other themes, my pages reappear just as it does when i use my parent theme. It still doesn't have all of my customizations that i set when i had my child theme.
    I copied all of my custom css that i made with my child theme. Could i make another child theme and copy the css to the new child theme in hopes that my child theme would work properly again? Is there a way to fix my child theme by moving folders in the cpanel? Any help would be greatly appreciated. I am using the latest version of wordpress with the responsive theme. My website is https://www.honestarttsentertainment.com

  • brady nields on October 4, 2018

    Um yea so I'm here because I don't know how to do every thing you just covered in the first minute 20…

  • S D on July 1, 2019

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

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

  • Pramod Rai on December 6, 2019

    do you have any tutorial for theme editor ? I have purchased theme but i dont know how to edit this theme according to my wish.

  • Tomasz Madera on February 2, 2021

    deprecated

  • Jakub Ivančík on February 6, 2021

    That helped a lot. Thank you very much :).

  • Houna Mao on May 15, 2021

    No idea what you are doing

WhatsApp us
Live Chat

Office hours operation Mon-Sun 8:00 am ET – 4:00 pm ET

To start your Premium WP or Cpanel service, use our domain search engine, if the domain you want is available, contact us by Whats app to activate your project.

The easiest, fastest, and most secure way to communicate with us.
loading
Please enter your domain.
Please verify that you are not a robot.

Terms Privacy

 

 

error: WEBFINET SECURITY IS ON