Responsive WordPress Theme – Caliber

A theme with simple controls and limitless potential. Work fast and build an amazing website!   Find out more »

UpThemes – Beautiful WordPress Themes

Create a site your church, gallery, newspaper, blog, recipes, band and more!   See the themes »


Making a Moxie Child Theme

By popular request there follows the definitive guide to setting up a child theme to use with the Moxie theme.

1. Give the child a name

Inside the wp-content/themes/ folder create a new folder named sophina.

2. Give the child some style

Create a file inside the sophina folder named style.css with the following content:

Theme Name: Sophina
Description: Child of the Moxie theme
Author: Charles Dickens
Version: 1.0
Template: parallelus-moxie
Tags: threaded-comments, translation-ready, responsive, hidpi, parallelus
@import url("../parallelus-moxie/style.css");

Then create two more css files:


The content of the style-skin-1.css file is four lines, as follows:

	Skin Name: Skin 1
@import url("../parallelus-moxie/style-skin-1.css");

The content of the other skin file is similar to the style-skin-1.css file above, except that you change according to the skin number the Skin Name on line 2 and the file name of the imported file on line 4.

	Skin Name: Skin 2
@import url("../parallelus-moxie/style-skin-2.css");

3. Give the child some assets

Copy the entire assets folder from the parallelus-moxie folder into the sophina folder.

4. The child needs some settings

Copy the entire data folder from the parallelus-moxie folder into the sophina folder.

These data files are needed for the Theme Options admin page to function properly and you should never edit these data files.

IMPORTANT: When you update the parent theme, remember to also update the assets and data folders in the child theme, i.e. copy those folders across again from the parent theme folder to the child theme folder.

5. A child is born

Go to Appearance > Themes and activate the Sophina theme.

Go to Appearance > Menus > Theme Locations and make sure the Primary Menu option is set to the correct menu.

From now on you can make any style additions or alterations to the relevant skin CSS file in Sophina, but remember that the @import must be the first CSS in the file, there must be nothing before the @import except comments.

Other things you can do with a child theme include making your own functions.php file that could contain (for example) additional shortcodes, custom post types or custom taxonomies.

If you wanted to mess with a page template, let’s say the single.php file that determines how each individual post is displayed, then you would copy single.php from parallelus-moxie into sophina and then you would make whatever changes you wanted to the sophina/single.php file, leaving the original Moxie template untouched.