Sanity Check: Making Child Themes Behave
-
Theme: Teletype
Issue: Child theme loading theme stylesheets BEFORE bootstrap stylesheetUsing the recomended code:
<?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { $parent_style = 'teletype-css'; // This is 'twentyfifteen-style' for the Twenty Fifteen theme. 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 ), wp_get_theme()->get('Version') ); }
The “parent” stylesheet (and child) jumped from being the 7th or so in the page source to being right before the “bootstrap.min.css” stylesheet (bootstrap.min.cs being the 2nd stylesheet)
After some digging and finding and add_action priority would move it, but caused double loading of the child theme stylesheet, I found wp_register_style() and arrived at the following code.
<?php add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' ); function my_theme_enqueue_styles() { $parent_style = 'teletype-css'; wp_register_style( $parent_style, get_template_directory_uri() . '/style.css', array('bootstrap-css') ); wp_enqueue_style( $parent_style, get_template_directory_uri() . '/style.css' ); wp_enqueue_style( 'child-css', get_stylesheet_directory_uri() . '/style.css', array( $parent_style ), wp_get_theme()->get('Version') ); }
I’ve never used this before, so I am asking “Am I doing this right?” and of course, is this in fact the best way to do this?
Viewing 2 replies - 1 through 2 (of 2 total)
Viewing 2 replies - 1 through 2 (of 2 total)
- The topic ‘Sanity Check: Making Child Themes Behave’ is closed to new replies.