Tutorial: Child Theme Article

Creating a Child Theme on WordPress can be confusing, here are some step by steps instructions to give you a general idea how it is done. This tutorial is very basic, but will give you hands on experience to familiarize yourself, and show you the areas in WordPress to complete this task.

Here is a demonstration of the steps taken to change the Twenty Eleven Theme in WordPress.

Changing .css Style Sheets in the Editor


Go to the dashboard > Appearance > Editor. We will be adding changes to the Theme by adding new code to the style.css file. Screen Shot of a .css file in WordPress

Changing Code in the Style Sheets

In the Edit Theme screen, make sure the correct theme to edit is selected. Identify the code you are going to change. Save changes by clicking the Update File button. Screen shot on making changes in the Edit Theme screen

By changing the the body color to blue in the screen above, here is what the before and after looks like.

Things to Note about Child Themes:

  • Must have a general idea on how to use HTML and CSS Code
  • Child Themes can speed up development time
  • Plugins are a great way to enhance your functionality in Child Themes

For More Information:

  • Child Theme – WP – Codex
  • How to Make Your Own Child Theme – WPsite
  • Child Theme Plugins – WordPress
  • Child Themes Knows and Hows – techblog
  • Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s