How To Build a Roots Child Theme

Step 1 – Download the Roots Theme

How To Build a Roots Child Theme

Download the Roots (based on Bootstrap) theme for WordPress at http://www.rootstheme.com/

Step 2 – Unzip / Install the Roots Theme

Unzip the theme and install it in your /wp-content/themes/ directory – the resulting path should be /wp-content/themes/roots/

Step 3 – Create a Child Theme

Create another directory for your child theme in the /wp-content/themes/ directory – perhaps something like /wp-content/themes/my-awesome-theme/

In that directory you will need to create a style.css file that should contain the following information:

/*
Theme Name: My Awesome Child Theme
Theme URI: http://www.my-awesome-child-theme.com/
Description: A child theme based on the Roots / Bootstrap wordpress theme
Template:       roots
*/

Now you should be able to select this as the child theme in the theme chooser. By default everything will be the same as the parent theme. To override files, copy them to the child theme directory and then modify them.

The functions.php file will actually get loaded before the parent functions.php so you may need to do something like:

add_action( 'after_setup_theme', 'my_child_theme_setup' );
function my_child_theme_setup(){
    // your code here
}

In order to have some things modify what the parent theme has set.

Related Posts:

This entry was posted in Design, Software, Tech Tips and tagged , , . Bookmark the permalink.

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>