WordPress中自定义后台管理界面配色方案的小技巧

yipeiwu_com5年前PHP代码库

WordPress 3.8 开始的全新设计的后台支持多颜色选择,默认有八种非常精美的配色,可以让用户自己选择。

20151229153747630.png (1114×256)

关于配色 WordPress 提供了一个函数 wp_admin_css_color() 可以让开发者自定义配色,只需要调用一下这个函数即可完成所有的注册操作。

参数

    wp_admin_css_color( $key, $name, $url, $colors = array(), $icons = array() );
    
    
  • $key(string):颜色的 ID
  • $name(string):颜色的名称,在后台显示
  • $url(string):选择此颜色的时候引用的 CSS
  • $colors(array):在用户选择颜色时名称下边的演示颜色,可以设置无限个,推荐 4 个。默认值为空数组
  • $icons(array):SVG 图标的颜色,可以设置成长度为 3 的数组,键值分别为 base、focus 和 current。默认值为空数组

例子

首先需要准备一个 CSS 文件,这个 CSS 文件存放了当用户选择你的配色的时候调用的 CSS,也就是存放配色样式的 CSS,你完全可以自定义,或者直接复制一下 WordPress 自带的默认颜色 CSS 修改一下(/wp-admin/css/colors.min.css)。

然后就可以在 PHP 文件里注册了,先看一个例子,这个例子创建了一个函数挂载到了 admin_init,然后在里边添加颜色。

/***
 *创建后台自定义配色
 *http://www.endskin.com/add-admin-color/
*/
function Bing_add_admin_color(){
 wp_admin_css_color(
  'Bing',
  '自定义',
  get_bloginfo( 'template_directory' ) . '/color_style.css',
  array( 'red', '#AAA', '#FEFEFE', '#000' ),
  array( 'base' => '#999', 'focus' => '#2ea2cc', 'current' => '#fff' )
 );
}
add_action( 'admin_init', 'Bing_add_admin_color' );

位置

函数所在文件:/wp-includes/general-template.php

相关文章

PHP中empty,isset,is_null用法和区别

1.empty用法 bool empty ( mixed var) 如果 var 是非空或非零的值,则 empty() 返回 FALSE。换句话说,""、0、"0"、NULL、FALS...

php 字符串替换的方法

这几天,工作中遇到一个小问题,有一内容类型的字段存储的是语言,因为这写数据是用Excel导入做的,所以为了处理简单,很多的语言就用逗号分隔,把所有语言做一个字符串,这样存入的时候就简单的...

PHP怎么实现网站保存快捷方式方便用户随时浏览

PHP怎么实现网站保存快捷方式呢?下面是一段PHP代码,下面这段代码,可以PHP实现网站保存快捷方式,以便用户随时浏览。 复制代码 代码如下: <?php $Shortcut =...

PHP include_path设置技巧分享

PHP include_path设置技巧分享

1.include_path的意义 当时候函数include(),require(),fopen_with_path()函数来寻找文件时候.在不设置include_path的情况下,这些...

php 实现多个文件打包成zip压缩包下载的函数

PHP ZipArchive是PHP自带的扩展类,可以轻松实现ZIP文件的压缩和解压,使用前首先要确保PHP ZIP扩展已经开启,不同的平台开启PHP扩增的方法网上都有。/**  *&nb...