wp-admin에 사용자 정의 스타일 시트 추가


21

WP-ADMIN 영역에서 사용자 정의 스타일 시트 작업을 얻는 데 문제가 있습니다. plugins_url('style.css', __FILE__) );난 내 플러그인의 폴더에 CSS라는 이름을 만들 필요가 없거나 난 그냥 내 복사 할 .css받는 wp-admin/css디렉토리?

나는 그것이 나를 위해 작동하지 않는 것 둘 다 시도했다.

어떤 값을 대체해야 __FILE__합니까?

미안하지만 이런 것들에 익숙하지 않습니다.

/*ADDS STYLESHEET ON WP-ADMIN*/
add_action( 'admin_enqueue_scripts', 'safely_add_stylesheet_to_admin' );
    function safely_add_stylesheet_to_admin() {
        wp_enqueue_style( 'prefix-style', plugins_url('style.css', __FILE__) );
    }


/*ADDS MY CUSTOM NAVIGATION BAR ON WP-ADMIN*/
add_action('admin_head', 'custom_nav');
function custom_nav(){
    include('custom_nav.html');

}

답변:


33

워드 프레스 코덱스 ( 여기 ) 에 따르면 :

admin_enqueue_scripts 는 관리자 스크립트 작업에 연결된 첫 번째 작업입니다.

모든 관리 영역에 대한 CSS 또는 JS 파일로드

    <?php
      //from functions.php

      //First solution : one file
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      add_action( 'admin_enqueue_scripts', 'load_admin_style' );
      function load_admin_style() {
        wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
//OR
        wp_enqueue_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );
       }

      //Second solution : two or more files.
      //If you're using a child theme you could use:
      // get_stylesheet_directory_uri() instead of get_template_directory_uri()
      add_action( 'admin_enqueue_scripts', 'load_admin_styles' );
      function load_admin_styles() {
        wp_enqueue_style( 'admin_css_foo', get_template_directory_uri() . '/admin-style-foo.css', false, '1.0.0' );
        wp_enqueue_style( 'admin_css_bar', get_template_directory_uri() . '/admin-style-bar.css', false, '1.0.0' );
      }  

    ?>

css라는 플러그인에 폴더를 만들어야합니까, 아니면 .css를 wp-admin / css 디렉토리에 복사해야합니까?

아니요, CSS 파일을 테마 디렉토리에 다른 CSS 파일과 함께 넣고 경로를 다음과 같이 지정하십시오.

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

예를 들어 내 파일 이름은 내 경로 admin-style.css라는 폴더에 넣습니다 css.

get_template_directory_uri() . '/css/admin-style.css'

그것이 도움이되기를 바랍니다!


스타일 시트를 3 개 더 가져 오려면 그냥 물어볼 수 있습니다. 이 부분의 (x3) wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );또는 별도의 기능을 추가합니까?
user1933824

1
wp_register_style바로 다음에 관련 항목 wp_enqueue_style( '첫 번째 솔루션'에서 와 같이)이 절대적으로 필요하지 않으며에 wp_enqueue_style전달 된 모든 매개 변수와 함께 사용 하는 것보다 더 / 다른 것은 없습니다 wp_register_style.
gmazzap

1
내가 아이 테마를 사용하고 있기 때문에 나는 경로 기능을 변경get_stylesheet_directory_uri()
Cazuma NII 카 발칸 티

0

관리자 패널에서 CSS를 변경하려는 경우 자녀 테마의 functions.php에 아래 코드를 붙여 넣으십시오.

add_action('admin_head', 'my_custom_fonts'); // admin_head is a hook my_custom_fonts is a function we are adding it to the hook

function my_custom_fonts() {
  echo '<style>
    #posts-filter table.posts{
        table-layout:auto;   
    }
  </style>';
}
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.