订购Wordpress样式表?

时间:2011-10-25 22:13:52

标签: css wordpress function stylesheet

我有一个wordpress主题,其中一个样式表需要最后加载,因为插件css干扰了我的主题。我想知道是否有某种类型的函数可以用来使主样式表在我的主题中加载到最后。

4 个答案:

答案 0 :(得分:19)

当您将样式表排入队列时,请使用更高的优先级,例如:

add_action( 'wp_enqueue_scripts', array(&$this, 'theme_styles'), 99 );

如果某些插件在' wp_print_styles'上有挂钩,则必须使用它,因为' wp_print_styles'将在' wp_enqueue_scripts',iirc之后撰写。

由于你可以完全控制你的主题,你也可以将你的风格直接包含在header.php中,如果行动的麻烦不值得花时间......

答案 1 :(得分:5)

wp_print_styles效果更好。只需为通话添加优先级,例如99。



function load_css() {
        wp_enqueue_style( 'homepage-css', get_stylesheet_directory_uri() . '/css/homepage-css.css', array(), 0.256, 'all');
}
add_action( 'wp_print_styles', 'load_css', 99 );




答案 2 :(得分:2)

您始终可以使用!important覆盖其他规则,但我建议您还要确保使用以下方法正确插入插件样式表。通过添加优先级编号,您可以在以后渲染它们。

确保您的样式表在标题标记内的所有脚本之前加载。

你总是需要在脚本之前加载样式表,如果你使用的话,wordpress会处理它 wp_enqueue_style wp_enqueue_script

例如,在您的functions.php中,您应该使用

add_action('wp_enqueue_scripts', function(){
    wp_enqueue_style('main-style','http://yoursite.com/styles/main.css');
}, 99);

然后Wordpress会将main.css放在你的标题中并给出99优先级意味着它会比其余时间添加它(默认情况下,此函数的优先级为10)

确保你的头文件中有wp_head()。

此致

答案 3 :(得分:-4)

您可以在要覆盖其他类

的CSS的末尾添加“!important”

示例:

h1 {
color:red !important;
}