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

更新時間：2015年12月29日 15:41:20 作者：斌果

這篇文章主要介紹了WordPress中自定義后臺管理界面配色方案的小技巧,即使用wp_admin_css_color()函數(shù)來添加配色,需要的朋友可以參考下

WordPress 3.8 開始的全新設(shè)計的后臺支持多顏色選擇，默認(rèn)有八種非常精美的配色，可以讓用戶自己選擇。

20151229153747630.png (1114×256)

關(guān)于配色 WordPress 提供了一個函數(shù) wp_admin_css_color() 可以讓開發(fā)者自定義配色，只需要調(diào)用一下這個函數(shù)即可完成所有的注冊操作。

參數(shù)

wp_admin_css_color( $key, $name, $url, $colors = array(), $icons = array() );

$key（string）：顏色的 ID
$name（string）：顏色的名稱，在后臺顯示
$url（string）：選擇此顏色的時候引用的 CSS
$colors（array）：在用戶選擇顏色時名稱下邊的演示顏色，可以設(shè)置無限個，推薦 4 個。默認(rèn)值為空數(shù)組
$icons（array）：SVG 圖標(biāo)的顏色，可以設(shè)置成長度為 3 的數(shù)組，鍵值分別為 base、focus 和 current。默認(rèn)值為空數(shù)組

例子

首先需要準(zhǔn)備一個 CSS 文件，這個 CSS 文件存放了當(dāng)用戶選擇你的配色的時候調(diào)用的 CSS，也就是存放配色樣式的 CSS，你完全可以自定義，或者直接復(fù)制一下 WordPress 自帶的默認(rèn)顏色 CSS 修改一下（/wp-admin/css/colors.min.css）。

然后就可以在 PHP 文件里注冊了，先看一個例子，這個例子創(chuàng)建了一個函數(shù)掛載到了 admin_init，然后在里邊添加顏色。

/***
 *創(chuàng)建后臺自定義配色
 *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' );

位置

函數(shù)所在文件：/wp-includes/general-template.php

您可能感興趣的文章: