WordPress自定义后台配色插件开发：两大技术问题求助

嘿，很高兴看到你已经迈出了开发自定义后台主题插件的第一步！我来帮你搞定这两个问题：

1. 从插件目录加载自定义CSS文件 #

你当前的wp_admin_css_color调用里，第三个参数是空的——这正是用来指定自定义CSS文件路径的位置。咱们可以用WordPress内置的plugin_dir_url()函数获取插件目录的绝对URL，这样就能精准指向你插件里的CSS文件了。

修改后的代码示例： #

假设你的插件目录结构是这样的：

hm-admin-theme/
├── hm-admin-theme.php  # 你的主插件文件
└── css/
    └── hostingmate-admin.css  # 你的自定义后台CSS文件

更新你的hostingmate_admin_color_schemes函数：

function hostingmate_admin_color_schemes() {
    // 获取插件目录URL，拼接CSS文件路径
    $css_url = plugin_dir_url(__FILE__) . 'css/hostingmate-admin.css';
    
    wp_admin_css_color(
        'hostingmate', 
        'Hosting Mate', 
        $css_url, 
        array('#aa9d88', '#9ebaa0', '#738e96', '#f2fcff')
    );
}
add_action('admin_init', 'hostingmate_admin_color_schemes');

小提示： #

• 确保你的CSS文件遵循WordPress后台的样式规则，比如用#wpadminbar、.wp-core-ui这类默认选择器来覆盖原有样式。
• 如果你的CSS文件路径不同，记得调整$css_url里的相对路径部分。

2. 移除其他配色方案并设置自定义方案为默认 #

这个需求分两部分实现：先清理多余的配色，再把你的方案设为默认（覆盖新用户和现有用户）。

2.1 移除其他配色方案 #

通过admin_color_schemes过滤器，我们可以只保留自己的hostingmate配色：

function hostingmate_remove_other_color_schemes($schemes) {
    // 只保留我们的自定义配色方案
    if (isset($schemes['hostingmate'])) {
        return array('hostingmate' => $schemes['hostingmate']);
    }
    return $schemes;
}
add_filter('admin_color_schemes', 'hostingmate_remove_other_color_schemes');

2.2 设置自定义方案为默认 #

针对新注册用户：

添加一个钩子，在用户注册时自动把后台配色设为你的方案：

function hostingmate_set_default_color_for_new_users($user_id) {
    update_user_meta($user_id, 'admin_color', 'hostingmate');
}
add_action('user_register', 'hostingmate_set_default_color_for_new_users');

针对现有用户（插件激活时批量更新）：

如果你想让所有现有用户也自动切换到你的配色，可以添加插件激活钩子：

function hostingmate_set_default_color_on_activation() {
    // 获取所有用户ID
    $user_ids = get_users(array('fields' => 'ID'));
    
    foreach ($user_ids as $user_id) {
        update_user_meta($user_id, 'admin_color', 'hostingmate');
    }
}
register_activation_hook(__FILE__, 'hostingmate_set_default_color_on_activation');

注意事项： #

• 批量更新现有用户的配色可能会引起反感，建议你可以在插件设置里加个开关，让用户选择是否批量更新，或者只对新用户生效。
• 如果用户之前手动设置过其他配色，这个批量更新会覆盖他们的选择，记得在插件描述里说明这一点。

把以上代码整合到你的主插件文件里，就能实现你想要的功能啦！

内容的提问来源于stack exchange，提问作者Anake.me