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.
27 Comments
Leave a Comment
You must be logged in to post a comment.
On the WordPress website it specifically says not to use @import to import the stylesheet from the parent theme.
Yup. You shouldn’t because using @import will slow the site down.
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.)
My brain cannot process this coding stuff at this speed, even with pause…
@Gail Gupton It seems like the presenter was a voiced robot at Mach 5.
Thanks so much. This video really helped me out.
THANK YOU SOOOOOO MUCH!
Nice tutorial! Wow, that was 6:47 of pure meat! Thanks, I’m heading for your website now.
This is great. Thank you very much.
Great stuff. Thanks so much.
Great work !
Love you ma’am,,,too good tutorial..Keep posting and helping us..
Thank you..!!!
Great tutorial, look forward to future tutorials!
way too fast. slow down
Nice, precise and informative. Thanks
I watched a few tutorials before getting to this one. I found this one the most helpful. Thank you!
Hello there can we do changes in html through inspector??
+shubham khandelwal if you edit your site using the inspector, the changes will not remain.
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.
Thx a lot for this video. Very well explained and very helpful.
you call this beginers!!!
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?
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
slow it down to 0.75 speed, so your brain can process the info 😀
We’ve worked on how fast we go in the videos since 2014 🙂
OMG Thank you so much!
I needed this. Working on it right now.
You are literally saving money for non-developers like me 🙂
Glad our video could help 🙂