child theme
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.

From FTP:

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
Version: 0.1.0
*/

@import url(“../ParentTheme/style.css”);

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.)

(Image: Source)

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.

Related Post

What is WordPress?

Share →
Buffer