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


Posted in PHP onDecember 29, 2015

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

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

    PHP 相关文章推荐
    snoopy PHP版的网络客户端提供本地下载
    Apr 15 PHP
    PHP可逆加密/解密函数分享
    Sep 25 PHP
    php Hex RGB颜色值互换的使用
    May 10 PHP
    百度ping方法使用示例 自动ping百度
    Jan 26 PHP
    PHP递归删除目录几个代码实例
    Apr 21 PHP
    php+ajax实时输入自动搜索匹配的方法
    Dec 26 PHP
    PHP中使用imagick实现把PDF转成图片
    Jan 26 PHP
    在Mac OS下搭建LNMP开发环境的步骤详解
    Mar 10 PHP
    PHP实现的多维数组排序算法分析
    Feb 10 PHP
    laravel 配置路由 api和web定义的路由的区别详解
    Sep 03 PHP
    PHP框架实现WebSocket在线聊天通讯系统
    Nov 21 PHP
    php设计模式之观察者模式实例详解【星际争霸游戏案例】
    Mar 30 PHP
    在WordPress中实现发送http请求的相关函数解析
    Dec 29 #PHP
    在WordPress的文章编辑器中设置默认内容的方法
    Dec 29 #PHP
    WordPress中用于创建以及获取侧边栏的PHP函数讲解
    Dec 29 #PHP
    Yii使用技巧大汇总
    Dec 29 #PHP
    PHP实现批量上传单个文件
    Dec 29 #PHP
    使用phpstorm和xdebug实现远程调试的方法
    Dec 29 #PHP
    PHP远程调试之XDEBUG
    Dec 29 #PHP
    You might like
    PHP捕获Fatal error错误的方法
    2014/06/11 PHP
    PHP利用imagick生成组合缩略图
    2016/02/19 PHP
    利用php输出不同的心形图案
    2016/04/22 PHP
    php如何执行非缓冲查询API
    2016/07/22 PHP
    PHP快速推送微信模板消息
    2017/04/14 PHP
    滚动经典最新话题[prototype框架]下编写
    2006/10/03 Javascript
    Jquery 组合form元素为json格式,asp.net反序列化
    2009/07/09 Javascript
    jQuery第三课 修改元素属性及内容的代码
    2010/03/14 Javascript
    javascript自适应宽度的瀑布流实现思路
    2013/02/20 Javascript
    js 文本滚动效果的实例代码
    2013/08/17 Javascript
    浏览器图片选择预览、旋转、批量上传的JS代码实现
    2013/12/04 Javascript
    微信小程序 加载 app-service.js 错误解决方法
    2016/10/12 Javascript
    jquery mobile实现可折叠的导航按钮
    2017/03/11 Javascript
    Angular.js组件之input mask对input输入进行格式化详解
    2017/07/10 Javascript
    在vue项目中使用Jquery-contextmenu插件的步骤讲解
    2019/01/27 jQuery
    jQuery实现滑动星星评分效果(每日分享)
    2019/11/13 jQuery
    Vue实现input宽度随文字长度自适应操作
    2020/07/29 Javascript
    如何在vue-cli中使用css-loader实现css module
    2021/01/07 Vue.js
    10款最好的Web开发的 Python 框架
    2015/03/18 Python
    仅用50行Python代码实现一个简单的代理服务器
    2015/04/08 Python
    python 3.6.2 安装配置方法图文教程
    2018/09/18 Python
    Django实现一对多表模型的跨表查询方法
    2018/12/18 Python
    python pexpect ssh 远程登录服务器的方法
    2019/02/14 Python
    解决pycharm同一目录下无法import其他文件
    2020/02/12 Python
    Python扫描端口的实现
    2021/01/25 Python
    Crucial英睿达法国官网:内存条及SSD固态硬盘升级
    2018/07/13 全球购物
    节省高达65%的城市景点费用:Go City
    2019/07/06 全球购物
    eBay奥地利站:eBay.at
    2019/07/24 全球购物
    .NET初级开发工程师面试题(包括Javascript)
    2012/08/22 面试题
    大学学年自我鉴定
    2013/10/28 职场文书
    学生就业推荐信
    2013/11/13 职场文书
    个性大学生自我评价
    2013/12/04 职场文书
    民政局副局长民主生活会个人对照检查材料
    2014/09/19 职场文书
    2015年小学语文教学工作总结
    2015/05/25 职场文书
    2016年教师师德师风心得体会
    2016/01/12 职场文书
    MySql数据库触发器使用教程
    2022/06/01 MySQL