Enqueue parent styles always and child styles if child theme is active

Question

I have this line active in my parent functions.php file on my custom theme, just wanting to make sure this is the correct way to activate parent styles always and then additionally a child stylesheet when the child theme is active. It's working but im not sure if this is a conventional method.

Also wanting to see how I would go about enqueueing a child theme javascript file?

<?php

/* --------------------------------------------------------------------------
 * Conditional parent styles
 * -------------------------------------------------------------------------- */
function hawp_conditional_styles() {
    // always load parent styles
    wp_enqueue_style( 'hawptheme', get_template_directory_uri().'/style.css', array(), null );

    // always load child theme stylesheet when active
    if ( is_child_theme() ) {
        wp_enqueue_style( 'hawptheme-child', get_stylesheet_uri(), array(), null );
    }   
}

?>

Answer 1 · 2018-01-04T20:49:04Z

January 4, 2018 8:49pm

Hi Evan,

This seems to be an unusual way to do this. To setup a child theme you only need to create style.css and functions.php files within a child theme folder to control all your child theme logic. The child theme inherits all parent theme settings by default and then any child theme settings will override the parent settings. You should never need to edit your parent theme files.

I don't see any reason to do this differently, unless you have some special requirements. See documentation link on how to do this. https://codex.wordpress.org/Child_Themes

Welcome to the Treehouse Community

Looking to learn something new?

Evan Fraser

Evan Fraser

Enqueue parent styles always and child styles if child theme is active

1 Answer

Dale Severude

Dale Severude