WordPress_php 팁에서 백엔드 관리 인터페이스의 색 구성표를 사용자 정의하기 위한 팁

WordPress 3.8부터 새롭게 설계된 백엔드는 기본적으로 사용자가 선택할 수 있는 매우 아름다운 8가지 색상을 지원합니다.

색상 일치 정보 WordPress에서는 개발자가 색상 일치를 사용자 정의할 수 있는 wp_admin_css_color() 함수를 제공합니다. 이 함수를 호출하기만 하면 모든 등록 작업을 완료할 수 있습니다.

매개변수

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

• $key(string): 색상 ID
• $name(문자열): 배경에 표시되는 색상 이름
• $url(string): 이 색상을 선택할 때 참조되는 CSS
• $colors(배열): 사용자가 색상을 선택할 때 이름 아래에 표시되는 데모 색상은 무제한으로 설정할 수 있으며 4개를 권장합니다. 기본값은 빈 배열입니다
• $icons(array): SVG 아이콘의 색상으로, 길이가 3인 배열로 설정 가능합니다. 키값은 base, focus, current 입니다. 기본값은 빈 배열입니다

예

먼저 CSS 파일을 준비해야 합니다. 이 CSS 파일에는 사용자가 색상 매칭을 선택할 때 호출되는 CSS, 즉 색상 매칭 스타일을 저장하는 CSS가 저장되어 있습니다. 또는 WordPress와 함께 제공되는 기본 CSS를 직접 복사하세요. 색상 CSS(/wp-admin/css/colors.min.css)를 수정하세요.

그런 다음 이를 PHP 파일에 등록할 수 있습니다. 먼저 예제를 살펴보겠습니다. 이 예제에서는 함수를 생성하여 admin_init에 마운트한 다음 색상을 추가합니다.

/***
 *创建后台自定义配色
 *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' );

위치

함수가 위치한 파일:/wp-includes/general-template.php