我创建了一个子主题,我将样式表排列如下:
<?php
function child_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'custom_css', get_template_directory_uri() . '/css/custom-stylesheet.css', array(), '1.0', 'all' );
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles', 10 );
?>
上面的代码确保在父主题样式表之后加载子主题自定义样式表。也就是说,父主题在以下目录中也有以下CSS文件,这些目录在子主题样式表之后加载:
<link rel='stylesheet' id='responsive-css' href='http://www.example.com/wp-content/themes/theme/assets/css/responsive.css?ver=4.7.3' type='text/css' media='all' />
<link rel='stylesheet' id='theme-skin-color8-css' href='http://www.example.com/wp-content/themes/theme/assets/css/theme-skin/color8.css?ver=4.7.3'
我检查了上述文件的优先级设置,但都没有设置。我也改变了儿童主题样式表的优先级,但这没有任何影响。
为了确保儿童主题样式表最后加载,有没有人可以尝试其他任何可能的建议?
答案 0 :(得分:1)
如果在调用其他样式表的wp_enqueue_scripts
函数上没有设置优先级,那么它们的优先级为10,将您的调用设置为更高优先级将起作用:
function child_theme_enqueue_styles() {
wp_enqueue_style( 'parent-style', get_template_directory_uri() . '/style.css' );
wp_enqueue_style( 'custom_css', get_template_directory_uri() . '/css/custom-stylesheet.css', array(), '1.0', 'all' );
}
add_action( 'wp_enqueue_scripts', 'child_theme_enqueue_styles', 11 );
如果这不起作用,那么父主题编码很差,并且没有正确地将其他样式表排入队列。