0

我已经为 wordpress 完成了插件，但我想将 twitter bootstrap css 样式添加到该插件的设置页面中。我的想法是添加以下代码：

function my_plugin_admin_styles() {
    wp_register_style( 'bootstrap-style', plugins_url('style/bootstrap.min.css', __FILE__) );
    wp_enqueue_style( 'bootstrap-style' );
}

if (isset($_GET['page']) && $_GET['page'] == 'my_plugin') {
    add_action( 'admin_print_styles', array($instance, 'my_plugin_admin_styles'));
}

但它会影响一切，它也会改变左侧的菜单。是否可以仅将 css 应用于我的设置页面？

4

1 回答 1

1

您将需要创建一个自定义的 CSS 文件，该文件仅针对您的插件设置页面部分中的内容。例如，您可以使用如下包装器构建插件设置页面：

<section id="mypluginidentifier-settings">
    <!-- all the plugin settings html here -->
</section>

然后，在 CSS 中，只需在所有内容前加上#mypluginidentifier-settings. 其中 mypluginidentifier = 插件独有的东西。

IE

#mypluginidentifier-settings .button {/*button styles*/}

否则，您将面临与 wordpress CSS 冲突的风险。

但是，如果您想包含所有引导程序，这确实是一个很大的麻烦。我也绝对建议您在插件中本地包含您的 CSS，而不是调用文件的托管版本（无论如何，您必须这样做）。

于 2013-07-23T08:51:51.463 回答