thêm biểu định kiểu tùy chỉnh vào wp-admin


21

tôi gặp rắc rối khi biểu định kiểu tùy chỉnh của tôi hoạt động trên khu vực WP-ADMIN. plugins_url('style.css', __FILE__) );để tôi phải tạo thư mục trong plugin của tôi tên là css hoặc để tôi chỉ cần sao chép của tôi .cssđến wp-admin/cssthư mục?

tôi đã thử cả hai nó dường như không làm việc cho tôi.

và những giá trị nào nên được thay thế __FILE__?

xin lỗi tôi hơi mới với những thứ này

/*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');

}

Câu trả lời:


33

Theo Codex WordPress ( tại đây ):

admin_enqueue_scripts là hành động đầu tiên được nối vào các hành động của tập lệnh quản trị.

Thí dụ

Đang tải tệp CSS hoặc JS cho tất cả khu vực quản trị viên:

    <?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' );
      }  

    ?>

Tôi có phải tạo thư mục trong các plugin có tên css không hay tôi chỉ sao chép .css của mình vào thư mục wp-admin / css?

Không, đặt tệp CSS của bạn cùng với tệp kia, trong thư mục chủ đề của bạn, sau đó chỉ định đường dẫn với:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Đối với ex tên tập tin của tôi là admin-style.cssvà tôi đặt nó trong một thư mục có tên cssđường dẫn của tôi sẽ như sau:

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

Hy vọng nó giúp!


Tôi có thể hỏi, nếu tôi muốn nhập thêm 3 bảng định kiểu. Tôi chỉ cần thêm (x3) của phần này wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );hoặc một chức năng riêng biệt?
dùng1933824

1
wp_register_stylengay lập tức theo sau là liên quan wp_enqueue_style(như trong 'Giải pháp đầu tiên') là hoàn toàn không cần thiết và không có gì khác / khác hơn là chỉ sử dụng wp_enqueue_stylevới tất cả các thông số được truyền vào wp_register_style.
gmazzap

1
Bởi vì tôi đang sử dụng một chủ đề con, tôi đã thay đổi chức năng đường dẫn thànhget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti

0

Nếu bạn muốn thực hiện thay đổi CSS cho bảng quản trị. dán đoạn mã dưới đây vào hàm.php của chủ đề con bạn

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>';
}
Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.