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