自定义 WordPress 管理员配色方案
WordPress 刚刚进行了新的升级,3.8 带来了很多令人兴奋的新事物。您会立即注意到的一个是WP-Admin UI现在有了新的外观。
这种新设计实际上长期以来一直是在一个名为MP6的插件下开发的,它具有响应性,并且显然拥抱了当前的设计趋势,扁平化设计。
它还引入了 8 种新颜色:清新(默认设置)、浅色、蓝色、午夜色、咖啡色、外质、海洋色和日出色,为 UI 增添趣味。让我们开始探索和个性化我们现在更加丰富多彩的 WP-Admin。
推荐阅读:回顾过去 10 年 WordPress UI 的演变
添加新配色方案
除了前面提到的 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 Hook来wp_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' ); |
这就是我们需要的所有代码。现在,您可以通过创建新用户来尝试这些技巧。如果您遇到问题,请随时在下面的评论框中提问。