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
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??
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.
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.
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?
Excellent 👍
Yeah, maybe not so great for beginners, but for me, exactly the content and speed required. Fantastic video. Good job.
Too fast.
Good tutorial
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/
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?
@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
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.
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.
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
What happens if your installation is on the server? Where do you get those folders?
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
Um yea so I'm here because I don't know how to do every thing you just covered in the first minute 20…
OMG Thank you so much!
I needed this. Working on it right now.
You are literally saving money for non-developers like me 🙂
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.
deprecated
That helped a lot. Thank you very much :).
No idea what you are doing