WordPress中自定义后台管理界面配色方案的小技巧
2015-12-29 00:00
671 查看
WordPress 3.8 开始的全新设计的后台支持多颜色选择,默认有八种非常精美的配色,可以让用户自己选择。
关于配色 WordPress 提供了一个函数 wp_admin_css_color() 可以让开发者自定义配色,只需要调用一下这个函数即可完成所有的注册操作。
参数
$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,然后在里边添加颜色。
位置
函数所在文件:/wp-includes/general-template.php
在WordPress的后台中添加顶级菜单和子菜单的函数详解
给WordPress的编辑后台添加提示框的代码实例分享
WordPress中给文章添加自定义字段及后台编辑功能区域
整理的一些实用WordPress后台MySQL操作命令
WordPress后台中实现图片上传功能的实例讲解
关于配色 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
您可能感兴趣的文章:
Wordpress ThickBox 点击图片显示下一张图的修改方法在WordPress的后台中添加顶级菜单和子菜单的函数详解
给WordPress的编辑后台添加提示框的代码实例分享
WordPress中给文章添加自定义字段及后台编辑功能区域
整理的一些实用WordPress后台MySQL操作命令
WordPress后台中实现图片上传功能的实例讲解
相关文章推荐
- yii,CI,yaf框架+smarty模板使用方法
- 详解WordPress中创建和添加过滤器的相关PHP函数
- 详解WordPress中添加和执行动作的函数使用方法
- js实现商城星星评分的效果
- JavaScript仿支付宝密码输入框
- 你有必要知道的25个JavaScript面试题
- javascript从作用域链谈闭包
- js为什么不能正确处理小数运算?
- Jquery使用小技巧汇总
- js+css简单实现网页换肤效果
- 基于JavaScript如何实现ajax调用后台定义的方法
- javascript实现下拉提示选择框
- 使用OpenLayers3 添加地图鼠标右键菜单
- jQuery中attr()与prop()函数用法实例详解(附用法区别)
- 基于JavaScript实现根据手机定位获取当前具体位置(X省X市X县X街道X号)
- js获取及修改网页背景色和字体色的方法
- javascript设置页面背景色及背景图片的方法
- jquery实现树形菜单完整代码
- 2015中国互联网,这10个关键词一直刷屏
- WiFi真的对我们无害吗?