Installation

Download Thematic

Installing Thematic

Creating a Child Theme

To create your child theme, go into the thematic directory, copy the thematicsamplechildtheme folder, and paste it in the wp-content/themes directory. You should see it appear immediately next to the thematic folder in your themes directory. The first thing you may want to do is change the folder name from thematicsamplechildtheme to something a bit more descriptive.

Next, enter the folder and open up the style.css file in your text editor. You’ll see this at the very top:

/*
Theme Name: A Thematic Child Theme
Theme URI: http://thematictheme.com/
Description: Use this theme to start your Thematic Child Theme development.
Author: Ian Stewart
Author URI: http://themeshaper.com/
Template: thematic
Version: 1.0

This header section is read by WordPress and gives it some basic information about the theme. The first thing you can do in here is to change the Theme Name from “A Thematic Child Theme” to someone a bit more descriptive.
Once you’ve saved your file, you can go to Dashboard | Appearance | Themes to find and activate your child theme.

Going back to your style.css file, a little way below the header section, you’ll see the imports. This is where your child theme inherits all the styling from Thematic.  Here is a sampling:


/* Reset browser defaults */
@import url('../thematic/library/styles/reset.css');

/* Apply basic typography styles */
@import url('../thematic/library/styles/typography.css');

/* Apply a basic layout */
@import url('../thematic/library/layouts/2c-r-fixed.css');

The reset.css resets the browser styling so that you can start with a known set of defaults regardless of the browser your site visitors will use.  The typography.css file creates the basic typography styling for your site.  The 2c-r-fixed.css creates a two-column site format that has the sidebar on the right.  To see some other layout options, visit the following folder (in the thematic parent directory): /thematic/library/layouts.

You’ll see that there is a “2c-l-fixed.css” file.  Unsurprisingly, this will create a two-column site format that has the sidebar on the left.  Open up the other layout files to learn what else is available right out of the box.  If you find something that you may like but you’re thinking of tweaking it a bit, STOP!  Remember, the first rule of child themes is that you’ll only make edits in your child theme, NOT in anything you find in the thematic directory.  Whatever you wish to change, copy that rule from the original Thematic file, paste it into your child theme style.css, and make your edits in there.