如何用子主题干净利落地覆盖插件的css?

时间:2013-05-28 作者:Jordan Thornquest

我已经承担起遵守WordPress惯例的责任,这样我就可以有一个干净、性感的儿童主题。然而,我不确定如何处理某个问题。

我想覆盖我WordPress网站中一些插件的CSS,并且this wonderful post 这是朝着正确方向迈出的一大步。我唯一担心的是我会尽我所能avoid overriding 这个header.php 文件,以便执行此操作。

有没有其他很好的方法可以做到这一点?谢谢你的帮助!

Update:

正如另一位用户的评论所指出的,这实际上取决于插件如何实现其样式。除此之外,假设插件确实提供了在style.css 儿童主题表,或者在我的情况下,单独的styles 链接到该文件夹style.css 床单

我也知道我可以!important 到处都是,但这通常是不受欢迎的。

1 个回复
最合适的回答,由SO网友:Milo 整理而成

如果插件通过wp_enqueue_style, 您只需将其出列:

function wpa_dequeue_style() {
    wp_dequeue_style( \'plugin-style-handle\' );
}
add_action( \'wp_enqueue_scripts\', \'wpa_dequeue_style\', 100 );
这是否有效取决于插件添加样式的方式和位置,因此如果不知道所讨论的插件使用的具体方法,就没有绝对的答案。

编辑-另一个不涉及完全删除样式的选项是将您自己的样式与插件样式作为依赖项排列在一起:

wp_enqueue_style(
    \'my-styles\',
    get_template_directory_uri() . \'/mystyles.css\',
    array(\'plugin-style-handle\')
);

结束

相关推荐

如何处理好css组织

我注意到没有多少人下载了插件Combine CSS。没有它,我不知道有什么更好的方法可以自动组合CSS文件。我想知道,99%使用WordPress的开发人员仅仅在一个样式表中工作吗?没有combine CSS插件,还有其他方法可以组合CSS吗?