ajout d'une feuille de style personnalisée à wp-admin


21

im ayant des problèmes pour obtenir mon travail de feuille de style personnalisé sur la zone WP-ADMIN. plugins_url('style.css', __FILE__) );dois-je créer un dossier dans mes plugins nommé css ou dois-je simplement le copier .cssdans le wp-admin/cssrépertoire?

J'ai essayé les deux, cela ne semble pas fonctionner pour moi.

et quelles valeurs doivent être remplacées __FILE__?

désolé, je suis un peu nouveau pour ces trucs.

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

}

Réponses:


33

Selon WordPress Codex ( ici ):

admin_enqueue_scripts est la première action liée aux actions des scripts d'administration.

Exemple

Chargement d'un fichier CSS ou JS pour toute la zone d'administration:

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

    ?>

dois-je créer un dossier dans mes plugins nommé css ou dois-je simplement copier mon .css dans le répertoire wp-admin / css?

Non, assemblez votre fichier CSS avec l'autre, dans votre répertoire de thème, puis spécifiez le chemin avec:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Par exemple, mon nom de fichier est admin-style.csset je le mets dans un dossier nommé cssmon chemin ressemble à:

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

J'espère que cela aide!


puis-je demander, si je veux importer 3 autres feuilles de style. dois-je simplement ajouter (x3) cette partie wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );ou une fonction distincte?
user1933824

1
wp_register_styleimmédiatement suivi par le connexe wp_enqueue_style(comme dans «Première solution») est absolument inutile et ne fait rien de plus / différent que de simplement utiliser wp_enqueue_styleavec tous les paramètres passés à wp_register_style.
gmazzap

1
Parce que j'utilise un thème enfant, j'ai changé la fonction de chemin enget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti

0

Si vous souhaitez apporter des modifications CSS au panneau d'administration. collez le code ci-dessous dans functions.php de votre thème enfant

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>';
}
En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.