在WordPress中,如果你想要在后台(admin area)引入CSS样式文件,你可以在主题的functions.php
文件中使用admin_enqueue_scripts
钩子。这个钩子允许你在WordPress后台页面加载CSS和JavaScript文件。
以下是一个如何在functions.php
中使用admin_enqueue_scripts
来引入CSS样式的示例:
function my_custom_admin_styles() {
wp_enqueue_style(
'my-custom-admin-style', // 唯一句柄
get_template_directory_uri() . '/admin-css/custom-admin.css', // CSS文件路径
array(), // 依赖项(如果有的话)
filemtime(get_template_directory() . '/admin-css/custom-admin.css'), // 版本号,可以使用文件修改时间
'all' // 媒体类型
);
}
add_action('admin_enqueue_scripts', 'my_custom_admin_styles');
在这个例子中,你需要将get_template_directory_uri() . '/admin-css/custom-admin.css'
替换为你的CSS文件的实际路径。确保你的CSS文件位于WordPress主题的某个文件夹中,并且该文件夹路径与你在get_template_directory_uri()
之后指定的路径相匹配。
filemtime()
函数用于获取文件的最后修改时间,并用作CSS文件的版本号。这样,当CSS文件更改时,浏览器会重新加载该文件而不是使用缓存的版本。
将上述代码添加到你的主题functions.php
文件中后,WordPress将在后台的所有页面上加载指定的CSS样式文件。如果你只想在特定的后台页面加载CSS样式文件,你可以检查$hook_suffix
变量(它包含了当前页面的钩子名称)来添加条件判断。例如:
function my_custom_admin_styles($hook_suffix) {
// 只针对特定的后台页面加载样式
if ('edit.php' == $hook_suffix || 'post.php' == $hook_suffix || 'post-new.php' == $hook_suffix) {
wp_enqueue_style(
'my-custom-admin-style',
get_template_directory_uri() . '/admin-css/custom-admin.css',
array(),
filemtime(get_template_directory() . '/admin-css/custom-admin.css'),
'all'
);
}
}
在这个例子中,CSS样式文件只会在编辑文章页面(edit.php、post.php、post-new.php)上加载。