订购Wordpress样式表?

问题描述:

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

+0

检查你的页面的源代码,看看目前的订单,则调整的地方你包括你的'css' –

要覆盖其他类

您可以添加到CSS的结尾

例如“重要!”:

h1 { 
color:red !important; 
} 
+12

添加!重要的是永远不会是一个好的解 – MarioRicalde

+0

好好添加!重要的可能不是一个“好的解决方案”,但我认为这是一个更好的解决方案,而不是被迫以特定顺序加载不同的css文件。 – Sasse

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

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

你总是需要脚本之前加载样式表,如果你使用 wp_enqueue_stylewp_enqueue_script

例如,在您的functions.php,你应该使用WordPress注意到这一照顾

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()。

问候

当你排队你的样式表,使用更高的优先级,例如

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

如果一些插件对“wp_print_styles”挂钩,那么你必须使用它来代替,如“wp_print_styles '将写在'wp_enqueue_scripts'之后,iirc。

正如你可以完全控制你的主题,你也可以包含你的风格直接进入的header.php,如果与操作的麻烦是不值得的时间...

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);