溫馨提示×

溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊×
其他方式登錄
點(diǎn)擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

WordPress中如何自定義后臺(tái)管理界面配色

發(fā)布時(shí)間:2021-09-22 09:52:11 來源:億速云 閱讀:198 作者:小新 欄目:開發(fā)技術(shù)

這篇文章主要介紹WordPress中如何自定義后臺(tái)管理界面配色,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!

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

WordPress中如何自定義后臺(tái)管理界面配色

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

參數(shù)

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

     

  • $key(string):顏色的 ID

  • $name(string):顏色的名稱,在后臺(tái)顯示

  • $url(string):選擇此顏色的時(shí)候引用的 CSS

  • $colors(array):在用戶選擇顏色時(shí)名稱下邊的演示顏色,可以設(shè)置無限個(gè),推薦 4 個(gè)。默認(rèn)值為空數(shù)組

  • $icons(array):SVG 圖標(biāo)的顏色,可以設(shè)置成長度為 3 的數(shù)組,鍵值分別為 base、focus 和 current。默認(rèn)值為空數(shù)組

例子

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

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

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

以上是“WordPress中如何自定義后臺(tái)管理界面配色”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對(duì)大家有幫助,更多相關(guān)知識(shí),歡迎關(guān)注億速云行業(yè)資訊頻道!

向AI問一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI