使用bootstrap构建WordPress插件,而不会干扰现有主题

时间:2016-03-18 12:20:08

标签: css wordpress twitter-bootstrap wordpress-plugin

我有一个非常具体的问题,与上下文有关:我正在重建一个已经有1000多个活动安装的WP插件。

我正在考虑使用Twitter引导程序来对我的观点做出良好的响应,并添加如下:

add_action('wp_head','head_code');
function head_code(){
    // compiled and minified CSS
    $headcode = '<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">';
    echo $headcode;
}

这个问题完全干扰了已安装的主题(更改布局)。我无法更改主题中的任何内容,也无法更改WP安装,这只是一个可以为WP存储库下载并具有一些后端和前端视图的插件,我不应该更改已存在的任何内容网站。

所以我只看到两种方式: 我可以&#34;隔离&#34; bootstrap css仅用于我查看的用法。如果可能,怎么样? 2.我必须使用更标准的开发WP插件并使用其他响应性最佳实践。您的意见/反馈是什么?

1 个答案:

答案 0 :(得分:0)

Bootstrap类与您的实际主题产生冲突,我找到了1.6 Javadoc引导程序3,其中包含一个名为.bootstrap-wrapper的包装器,用于避免冲突。

您也可以将此gist与最后一个版本的bootstrap一起使用。