Creating a child theme

A child theme is based on its parents..:)

Themes get updated and all the files in the updated theme can change. To avoid having your own CSS and other customizations be changed one creates a child theme. Inside a child theme folder you will have files that will not be changed when the parent theme is updated.

Inside the themes folder one creates a new folder for the child theme. I am using Themify as an example.

Something like this:

themes folder -> Basic-Child

Inside the child theme folder there will be a style.css stylesheet. With code similar to this:

/*
Theme Name: Basic Child Theme <— Name of your child theme
Version: 0.4
Description: Child theme for the basic theme
Author: Paal Joachim
Template: basic <—- based on parent theme name
*/

@import url(“../basic/style.css”);  <—– link to parent style.css stylesheet.

/*

Custom CSS under here:

*/

One can also include a screenshot to have a visual representation of the child theme inside the themes area in the backend of WordPress. Just place a image called screenshot into the child theme folder for it to show up in the backend.

Here is a video on creating a child theme:

Creating a Child Theme for WordPress – tutorial

For more information: Creating a Child Theme documentation at Themify.me.