After you install WordPress and a theme to your server, you may want to customize the theme with your company colors or other stylistic elements to differentiate your website from other WordPress sites. Well, here’s where child themes come in to play. Child themes enable you to write CSS code that overrides the parent theme’s CSS, and will not be affected by updates to the parent theme.
Note: This tutorial requires intermediate knowledge of WordPress.
Go to wp-content/themes/create new folder (name it your BusinessName – This is your Child Theme)
Open folder/create a file called style.css
From a Text Editor:
Write the following code:
Theme Name: BusinessName – Your Child Theme
Theme URI: http: //YourURL.com/
Description: Child theme for BusinessName
Author: Your name here
Author URI: http: //BusinessName/about/
Template: Parent Theme Name
Save the file style.css on your desktop
Move it to BusinessName – Child Theme folder
Copy functions.php from your parent theme to BusinessName – Child Theme folder
From WP Dashboard:
Go to Appearance/Themes/Activate Child Theme
To customize a Child theme banner:
Create a BusinessName banner 300px x 250px (png).
Copy to BusinessName – Child Theme folder
To customize Theme:
Go to Appearance/Editor/BusinessName/style.css/Add custom CSS
From Firefox Firebug:
Inspect properties/change code/copy and paste to BusinessName – Child Theme style.css/update
There you have it – Child Theme in a nutshell. Customize your WordPress websites using Child Themes.
(Tutorial adapted from Learn Web Development: Using Child Themes to Build WordPress Websites.)
PS: Child Themes are not childish, but you can teach your child to code a child theme. Click: Raspberry Pi – $35 Computer Designed to Teach Children to Code.