Создал дочернюю тему, в ней есть основной стиль дочерней темы (style.css) и два дополнительных стиля (style-addon.css и style-mobile.css).
Почему-то второй стиль (style-mobile.css) не подключается. А может и подключается, но не срабатывает как надо, не в том порядке…
пробовал два варианта
1
function my_styles_jurvrn_on_easywp() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style('style-addon', get_stylesheet_directory_uri().'/style-addon.css');
wp_enqueue_style('style-mobile', get_stylesheet_directory_uri().'/style-mobile.css');
}
add_action('wp_enqueue_scripts', 'my_styles_jurvrn_on_easywp');
2
if ( !function_exists( 'chld_thm_cfg_parent_css' ) ):
function chld_thm_cfg_parent_css() {
wp_enqueue_style( 'chld_thm_cfg_parent', trailingslashit( get_template_directory_uri() ) . 'style.css', array( ) );
}
endif;
add_action( 'wp_enqueue_scripts', 'chld_thm_cfg_parent_css', 10 );
if ( !function_exists( 'child_theme_configurator_css' ) ):
function child_theme_configurator_css() {
wp_enqueue_style( 'chld_thm_cfg_separate', trailingslashit( get_stylesheet_directory_uri() ) . 'style-addon.css', array( 'chld_thm_cfg_parent','easywp-maincss','font-awesome' ) );
}
endif;
add_action( 'wp_enqueue_scripts', 'child_theme_configurator_css', 20 );
if ( !function_exists( 'child_theme_configurator_css_mob' ) ):
function child_theme_configurator_css_mob() {
wp_enqueue_style( 'chld_thm_cfg_separate_mob', trailingslashit( get_stylesheet_directory_uri() ) . 'style-mobile.css', array( 'chld_thm_cfg_parent','easywp-maincss','font-awesome','chld_thm_cfg_separate' ) );
}
endif;
add_action( 'wp_enqueue_scripts', 'child_theme_configurator_css_mob', 30 );
здесь можно посмотреть работу кода (на скриншоте)