Cum să încarci un stil CSS doar în zona de administrare WordPress

Răspuns întârziat: Deoarece ambele răspunsuri anterioare au prezentat metode vechi, incomplete sau complicate, iată o versiune actualizată care funcționează în modul v3.5+.

Ce este diferit?

Iată lista:

• Primul lucru pe care îl facem este să folosim hook-ul admin_enqueue_scripts. Acest hook
• Ultimul argument al wp_enqueue_style() este media țintă și este deja setat implicit la all. Nu este nevoie să-l adăugați.
• Folosim funcția get_template_directory_uri() pentru a obține URL-ul pentru fișierul nostru de stil. Nu este nevoie să verificăm valoarea opțiunii pentru template_directory aici.
• Apoi folosim valoarea returnată de get_template_directory() pentru a obține calea și o încadrăm într-un apel filemtime() pentru a obține ultima dată când fișierul de stil a fost editat. În acest fel, adăugăm un nou număr de versiune ca argument de interogare și forțăm browserul să reîncarce fișierul de stil dacă există o versiune nouă. Nu este nevoie să forțați reîncărcări grele cu Ctrl + F5.
• Un lucru important este să adăugați dependențele corecte, deoarece nu doriți ca stilurile dvs. să fie suprascrise cu o specificitate mai mare de wp-admin.css, ie (chiar mai rău) sau schema de culori. Partea cu adevărat dificilă este să verificați schema de culori, deoarece acest fișier conține mare parte din ceea ce este stilizat în interfața de administrare și este o setare a utilizatorului. Vrem să adăugăm și acest lucru ca dependență.
• Ultimul lucru pe care îl facem este să încadrăm apelul pentru a adăuga hook-ul într-o altă funcție care este conectată la hook-ul contextual admin_head-*, unde * este slug-ul paginii. O conectăm de două ori pentru a lua în considerare atât postările noi, cât și cele editate.

Iată codul pentru fișierul dvs. functions.php.

add_action( 'admin_head-post.php', 'wpse44135AttachAdminStyle' );
add_action( 'admin_head-post-new.php', 'wpse44135AttachAdminStyle' );
function wpse44135AttachAdminStyle()
{
    add_action( 'admin_enqueue_scripts', 'wpse44135EnqueueAdminStyle' );
}
function wpse44135EnqueueAdminStyle()
{
    $scheme = get_user_meta(
        get_current_user_id(),
        'admin_color',
        true
    );

    wp_enqueue_style(
        "admin_style",
        get_template_directory_uri()."/scripts/custom.css",
        array( 'wp-admin', 'ie', "colors-{$scheme}" ),
        filemtime( get_template_directory()."/scripts/custom.css" ),
        "all"
    );
}

Alternative?

În cazul în care doriți doar să adăugați stiluri în editorul WYSIWYG TinyMCE, puteți folosi add_editor_style() pentru a vă înregistra fișierul de stil al temei și în zona de administrare a editorului de text. Calea pe care o adăugați ca argument este relativă la rădăcina temei dvs. În fișierul dvs. functions.php:

add_editor_style( '/scripts/custom.css' );

Este atât de simplu.

Iată o metodă rapidă de a adăuga stil în antetul administrării. Sper că vă ajută:

add_action('admin_head', 'my_custom_fonts');
function my_custom_fonts() {
  echo '<style>
    body, td, textarea, input, select {
    font-family: "Lucida Grande";
    font-size: 12px;
  } 
</style>';
}