WordPress 3.8 開始的全新設計的後台支持多顏色選擇,默認有八種非常精美的配色,可以讓用户自己選擇。

關於配色 WordPress 提供了一個函數 wp_admin_css_color() 可以讓開發者自定義配色,只需要調用一下這個函數即可完成所有的註冊操作。
參數
|
1 |
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,然後在裏邊添加顏色。
|
/*** *創建後台自定義配色 *https://www.weixiaoduo.com/add-admin-color/ */ functionBing_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