Question

我已经完成了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？

Answer 1

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

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

然后，在CSS中，只需用#mypluginidentifier-settings作为前缀。 其中mypluginidentifier =插件的独特内容。

即。

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

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

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

添加插件设置页面的样式

1 个答案: