如何使子主题的style.css在插件css之后加载？

时间：2017-05-22 作者：Steve

一个客户端网站正在使用Ultimate Visual Composer插件，该插件在父主题和子主题样式表之后加载其CSS文件。

如何在最终Visual Composer插件样式表之后加载子主题样式表？

感谢您的帮助。

Update: 根据@the\\u剧作家的回答，我创造了functions.php 在子主题中，并添加：

add_action( \'wp_enqueue_scripts\', \'ross_north_child_theme_scripts\' );
function ross_north_child_theme_scripts() {
    wp_dequeue_style( \'houzez-style-css\' );
    wp_enqueue_style( \'houzez-style-css\', \'http://rossnorth.websitetechnology.com.au/wp-content/themes/houzez-child/style.css\', array(\'ultimate-style-min-css\' ), null, \'all\' );
}
但是ultimate-style-min-css 之后仍在加载houzez-style-css 在this site.

1 个回复
SO网友:CodeMascot

现在我想到了两种不同的方法-

一种方法是使用ultimate-style-min-css 作为子主题的依赖项style.css-

/**
 * Say this below function is your theme enqueue
 */
function the_dramatist_child_theme_scripts(){
    wp_enqueue_style (\'your-child-theme-css\',\'YOUR CSS URL HERE\', array( \'ultimate-style-min-css\' ), null, \'all\');
}
add_action(\'wp_enqueue_scripts\',\'the_dramatist_child_theme_scripts\');
另一个将使用wp_dequeue_style 首先，将子主题样式与ultimate-style-min-css 作为依赖项-

/**
 * Here we first dequeue the style and then we\'ll enqueue the child theme style again with ultimate-style-min-css as a dependency.
 */
add_action( \'wp_enqueue_scripts\', \'ross_north_child_theme_scripts\' );
function ross_north_child_theme_scripts() {
    wp_dequeue_style( \'houzez-style-css\' );
    wp_enqueue_style( \'houzez-style-css\', get_stylesheet_directory_uri() . \'/style.css\', array(\'ultimate-style-min-css\' ), null, \'all\' );
}
问题更新后的更新。

我认为最后一种方法是，如果您的子主题样式表在wp_head 如果优先级低于插件样式表的优先级，那么解决方案就是使用相同的优先级wp_head 钩子，插件样式表的优先级较低。

希望以上帮助。

结束
标签： css   小码农  

相关推荐

如何阻止加载所有的CSS和Java脚本文件

我正在寻找一种方法来防止加载所有css和js文件（默认主题和插件）。有什么办法吗？至少达到minumim文件加载。