爲插件添加樣式設置頁面

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

來源

2013-07-23 Marek Čačko

您需要創建一個定製的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，而不是調用文件的託管版本（無論如何你都必須這樣做）。

來源

2013-07-23 08:51:51 robooneus

不得不說，雖然：是否真的有必要？這似乎是一個插件設置頁面的矯枉過正。不僅如此，而且WordPress用戶習慣於WordPress的UX /設計。建議儘可能使WordPress內容適合WordPress。 – robooneus

爲插件添加樣式設置頁面

回答

相關問題