aggiunta di fogli di stile personalizzati a wp-admin


21

sto avendo problemi a far funzionare il mio foglio di stile personalizzato nell'area WP-ADMIN. plugins_url('style.css', __FILE__) );devo creare una cartella nei miei plugin denominata css o devo semplicemente copiarla .cssnella wp-admin/cssdirectory?

ho provato entrambi non sembra funzionare per me.

e quali valori dovrebbero essere sostituiti __FILE__?

mi dispiace sono un po 'nuovo di queste cose.

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

}

Risposte:


33

Secondo WordPress Codex ( qui ):

admin_enqueue_scripts è la prima azione agganciata alle azioni degli script admin.

Esempio

Caricamento di un file CSS o JS per tutta l'area di amministrazione:

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

    ?>

devo creare una cartella nei miei plugin denominata css o copio il mio .css nella directory wp-admin / css?

No, metti il ​​tuo file CSS insieme all'altro, nella tua directory dei temi, quindi specifica il percorso con:

get_template_directory_uri() . '/PATH_TO_YOUR_FILE'

Ad esempio il mio nome file è admin-style.csse lo metto in una cartella denominata il cssmio percorso sarà simile a:

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

Spero che sia d'aiuto!


posso solo chiedere, se voglio importare altri 3 fogli di stile. aggiungo solo (x3) di questa parte wp_register_style( 'admin_css', get_template_directory_uri() . '/admin-style.css', false, '1.0.0' );o una funzione separata?
user1933824

1
wp_register_styleimmediatamente seguito dal relativo wp_enqueue_style(come in "Prima soluzione") è assolutamente inutile e non fa nulla di più / diverso dall'uso wp_enqueue_stylecon tutti i parametri passati wp_register_style.
gmazzap

1
Poiché sto usando un tema figlio, ho cambiato la funzione path inget_stylesheet_directory_uri()
Cazuma Nii Cavalcanti,

0

Se si desidera apportare modifiche ai CSS per il pannello di amministrazione. incolla il codice seguente in Functions.php del tuo tema figlio

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>';
}
Utilizzando il nostro sito, riconosci di aver letto e compreso le nostre Informativa sui cookie e Informativa sulla privacy.
Licensed under cc by-sa 3.0 with attribution required.