跳至正文

自定义 WordPress 管理员配色方案

自定义 WordPress 管理员配色方案

WordPress 刚刚进行了新的升级,3.8 带来了很多令人兴奋的新事物。您会立即注意到的一个是WP-Admin UI现在有了新的外观

这种新设计实际上长期以来一直是在一个名为MP6的插件下开发的,它具有响应性,并且显然拥抱了当前的设计趋势,扁平化设计。

它还引入了 8 种新颜色:清新(默认设置)、浅色、蓝色、午夜色、咖啡色、外质、海洋色和日出色,为 UI 增添趣味。让我们开始探索和个性化我们现在更加丰富多彩的 WP-Admin。

添加新配色方案

除了前面提到的 8 种颜色选项外,您还可以使用Admin Color Schemes插件添加更多新的配色方案。所以总共有 16 种颜色可供选择。

如果您不想依赖插件,可以在主题的functions.php文件中添加此代码以注册新的配色方案。确保您已经将管理配色方案的样式表放在正确的文件夹中。

1个
2个
3个
4个
5个
6个
7
8个
9
10
11
function additional_admin_color_schemes() {
  //Get the theme directory
  $theme_dir = get_template_directory_uri();
 
  //Ocean
  wp_admin_css_color( 'ocean', __( 'Ocean' ),
    $theme_dir . '/admin-colors/ocean/colors.min.css',
    array( '#aa9d88', '#9ebaa0', '#738e96', '#f2fcff' )
  );
}
add_action('admin_init', 'additional_admin_color_schemes');

设置新的默认颜色

WordPress 将Fresh设置为默认的管理颜色,但随着我们添加了新颜色,让我们尝试将Flat设置为默认颜色。

坏消息是,没有直接或标准的功能来覆盖默认的WP-Admin配色方案。但是,我们有一个技巧可以实现这个想法。

我们将使用user_register Action Hookwp_update_user更改/更新新注册用户的管理员颜色,就像这样。

1个
2个
3个
4个
5个
6个
7
8个
function set_default_admin_color($user_id) {
  $args = array(
    'ID' => $user_id,
    'admin_color' => 'flat'
  );
  wp_update_user( $args );
}
add_action('user_register', 'set_default_admin_color');

如本文档所述,允许开发人员在新用户添加到数据库后立即user_register 访问数据。.

重命名“默认”标签

然而,我们现在的问题是 Fresh 仍然被标记为“默认”。因此,让我们使用下面的代码将标签更改为 Fresh。

1个
2个
3个
4个
5个
6个
7
8个
9
10
function rename_fresh_color_scheme() {
  global $_wp_admin_css_colors;
  $color_name = $_wp_admin_css_colors['fresh']->name;
 
  if( $color_name == 'Default' ) {
    $_wp_admin_css_colors['fresh']->name = 'Fresh';
  }
  return $_wp_admin_css_colors;
}
add_filter('admin_init', 'rename_fresh_color_scheme');

这就是我们需要的所有代码。现在,您可以通过创建新用户来尝试这些技巧。如果您遇到问题,请随时在下面的评论框中提问。

标签: