How to create child theme with Tesseract theme?

Question

I know this have been answer multiple times... I was looking through this coding.. http://codex.wordpress.org/Child_Themes & Versioning @import of parent theme's style.css & How to enqueue style before style.css

This is my development site...http://hoho25974.staging-cloud.partnerconsole.net/

I had change the parent theme when I was developing in my localhost then i came across to creation of child theme. but after reading the above post.. I am quite confused on how to link the child theme and parent theme together.. and i am not sure which codes have to go where... then when i created the Tesseract child theme folder with its style.css and functions.php... i get this message from my theme section in wordpress.

Broken Themes

The following themes are installed but incomplete. Themes must have a stylesheet and a template.

Name Description Tesseract Child The parent theme is missing. Please install the "tesseract" parent theme.

and i havent touched coding in 8 years.. and i am new to wordpress... if someone could please guide me in the right direction of where to put the coding to link up the child and parent themes together that would be much appreciated! thanks in advanced!

Answer 1

Follow the instructions as listed at http://codex.wordpress.org/Child_Themes

Specifically, in your wp-content/themes folder:

• create another directory named Tesseract-child
• in Tesseract-child create a style.css file
• in your style.css file include the following header

style.css contents:

/*
 Theme Name:   Tesseract Child
 Theme URI:    http://example.com/
 Description:  Tesseract Child Child Theme
 Author:       John Doe
 Author URI:   http://example.com
 Template:     Tesseract
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  tesseract
*/

The important part to note here is the template: Tesseract attribute which should contain the name of the parent theme directory.

• next in your child theme functions.php file include the following snippet

functions.php contents:

function theme_enqueue_styles() {

    $parent_style = 'parent-style';

    wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' );
    wp_enqueue_style( 'child-style', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ));
}

add_action( 'wp_enqueue_scripts', 'theme_enqueue_styles' );

...which will enqueue your child theme style.css file with the parent style.css as a dependency.

• lastly, in your WordPress dashboard goto Appearance -> Themes and activate your child theme - Tesseract Child

This should be sufficient enough to get you going.