包含面板样式表的正确方式

时间：2012-04-09 作者：Volomike

对于给定的插件或主题，在wp admin中使用“我的选项”面板包含样式表的正确方式是什么。换句话说，就是设置面板样式的样式表。

我的意思是，在我的面板模板代码中，我做了一些类似于。。。

<style type="text/css">
@import url("../wp-content/plugins/myplugin/panels/style.css");
</style>
。。。但怀疑由于路径等原因，这在WordPress的某些安装上不起作用，并且在将来可能不起作用，因为WP会变得疯狂，并希望用其他东西重命名WP内容。

2 个回复
最合适的回答,由SO网友:Chip Bennett 整理而成

管理样式表排队的最佳实践是hook into your appearance page\'s specific hook, 使用admin_print_styles-{hook}, 哪里{hook} = {admin_page}-{menu_slug}.

我假设：

这是一个主题，您可以通过add_appearance_page()$menu_slug 是wpse48416-settingsadmin_print_styles-appearance_page_wpse48416-settings:

<?php
function wpse48416_admin_style(){
        wp_register_style( \'wpse48416_admin_css\', get_template_directory_uri() . \'/css/admin.css\' );
        wp_enqueue_style( \'wpse48416_admin_css\' );
}
add_action( \'admin_print_styles-appearance_page_wpse48416-settings\', \'wpse48416_admin_style\' );
?>
对于插件，只需使用正确的{page} 字符串，这取决于您用于注册设置页的管理菜单功能，例如。settings_page 对于add_settings_page().

SO网友:Eugene Manuilov
function load_myplugin_wp_admin_style(){
        wp_register_style( \'myplugin_wp_admin_css\', plugins_url( \'/myplugin/panels/style.css\' ), false, \'1.0.0\' );
        wp_enqueue_style( \'myplugin_wp_admin_css\' );
}
add_action(\'admin_enqueue_scripts\', \'load_myplugin_wp_admin_style\');
结束
标签： plugin-development   css   小码农  

相关推荐

当我创建一个带有/博客固定链接的页面时，css变得一团糟

当我创建一个带有默认模板且父项设置为无父项的页面时，永久链接名称为sitename/blog 如果我将permalinks结构更改为sitename/blogs 它工作得非常好。此外，如果我将父页面更改为另一个具有永久链接名称的页面，css也可以正常工作。permalink是否注册了一个奇怪的家长，或者是否做了一些除了默认设置以外我不知道的事情。我有其他页面与相同的设置，除了有永久链接的名称，工作良好。您可以查看损坏的站点here 密码：springy88click the blog link提前谢谢！。