menambahkan stylesheet khusus ke wp-admin


21

Saya mengalami kesulitan mendapatkan pekerjaan stylesheet kustom saya di area WP-ADMIN. plugins_url('style.css', __FILE__) );apakah saya harus membuat folder di plugin saya bernama css atau apakah saya hanya menyalin saya .csske wp-admin/cssdirektori?

Saya mencoba keduanya sepertinya tidak bekerja untuk saya.

dan nilai apa yang harus diganti __FILE__?

maaf saya agak baru untuk hal-hal ini.

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

}

Jawaban:


33

Menurut WordPress Codex (di sini ):

admin_enqueue_scripts adalah tindakan pertama yang dikaitkan dengan tindakan skrip admin.

Contoh

Memuat file CSS atau JS untuk semua area admin:

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

    ?>

apakah saya harus membuat folder di plugin saya bernama css atau apakah saya hanya menyalin .css saya ke direktori wp-admin / css?

Tidak, letakkan file CSS Anda bersama dengan yang lain, di direktori tema Anda, lalu tentukan path dengan:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Sebagai contoh nama file saya admin-style.cssdan saya letakkan di folder bernama csspath saya akan terlihat seperti:

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

Semoga ini bisa membantu!


bolehkah saya hanya bertanya, jika saya ingin mengimpor 3 stylesheet lagi. apakah saya hanya menambahkan (x3) bagian ini wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );atau fungsi yang terpisah?
user1933824

1
wp_register_stylesegera diikuti oleh yang terkait wp_enqueue_style(seperti dalam 'Solusi pertama') sama sekali tidak diperlukan dan tidak lebih dari sekadar digunakan wp_enqueue_styledengan semua param yang diteruskan wp_register_style.
gmazzap

1
Karena saya menggunakan tema anak, saya mengubah fungsi jalur keget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti

0

Jika Anda ingin membuat perubahan CSS untuk panel admin. rekatkan kode di bawah ini di functions.php dari tema anak Anda

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>';
}
Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.