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