为插件添加样式设置页面

Question

我已经完成了wordpress插件，但是我想将twitter引导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冲突。

尽管如此，如果你想包括所有的bootstrap，这真是一件大麻烦事。我也绝对建议你在你的插件中本地包含你的CSS，而不是调用文件的托管版本（无论如何你都必须这样做）。