這篇文章主要介紹了WordPress中自定義后臺管理界面配色方案的小技巧,即使用wp_admin_css_color()函數來添加配色,需要的朋友可以參考下
WordPress 3.8 開始的全新設計的后臺支持多顏色選擇,默認有八種非常精美的配色,可以讓用戶自己選擇。
關于配色 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.49028c.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
新聞熱點
疑難解答
圖片精選