Question

我在我的Wordpress插件中使用了twitter bootstrap。但是在安装插件之后，它正在改变已经引导的主题的样式。我怎样才能避免这种冲突？我已经在插件中添加了bootstrap，如下所示

    function newsbox_style_and_script()
    {   
         wp_enqueue_style( 'bootstrap-style', plugins_url( '/css/bootstrap.min.css', __FILE__ ),array(),'3.0.3');

    }
     add_action( 'wp_enqueue_scripts', 'newsbox_style_and_script' );

请告诉解决方案。

Answer 1

基本上，您无法通过使用默认引导程序CSS来避免冲突，因为您无法知道在主题中排队/注册时如何命名引导程序CSS句柄。甚至有可能引导CSS没有在主题中排队（在一些糟糕的代码样式主题中）。

但是，您的案例有一个解决方案 - 您可以做的最好的事情是：

在插件的boostrap CSS文件中添加所有选择器
为您的插件使用LESS / SASS版本的bootstrap - LESS和SASS支持命名空间（如此处所述 - How to namespace Twitter Bootstrap so styles don't conflict）。
为插件添加设置以全局禁用插件的bootstrap CSS
构建您的插件逻辑，以便您的引导CSS仅在必要的页面上排队。

如何避免wordpress插件css和主题css的冲突？

1 个答案: