ADMIN-BEREICH / BACKEND mit CSS anpassen

Vielleicht möchte man im Backend von WordPress etwas per CSS Verändern, und kommt auf die Idee dies über den Customizer zu tun, oder über das Child-Theme. Da wird sich im Backend nichts regen. Das liegt daran, dass dieses CSS nur im Frontend geladen wird und es für das Backend bzw. den Admin-Bereich andere Lösungen gibt.

Einer dieser Lösungen ist die functions.php deines Child-Themes. Den folgenden Schnippsel kannst du entsprechend einfügen und dein gewünschtes CSS wie gewohnt zwischen <style> und </style> schreiben. Das Beispiel markiert die WordPress Update-Box z.B. komplett orange.

add_action('admin_head', 'dwp_custom_admin_css');
function dwp_custom_admin_css() {
  echo '<style>
    .wp-admin ... {
    background-color: #ffbbaa;
    }
  </style>';
}

Eine Weiter Möglichkeit ist folgende.

Erstellt zunächst eine neue CSS-Datei und fügt die gewünschten Stile ein. In diesem Beispiel nennen wir das Stylesheet style-admin.css und legen es im Hauptverzeichnis des Themes ab. Also dort, wo auch die style.css liegt.

Der folgende Code färbt die Werkzeugleiste pink ein:

#wpadminbar {   background: brown;
}

Nun muss die neue CSS-Datei mittels functions.php registriert, eingereiht und anschließend an der richtigen Stelle geladen werden. Fügt dazu folgenden Code in die functions.php ein, oder ergänzt den Bereich der Datei, in dem CSS- und JavaScript-Dateien bereits registriert und eingereiht werden.

function kb_admin_style() {       wp_enqueue_style('admin-styles', 
    get_template_directory_uri().'/style-admin.css');
}

add_action('admin_enqueue_scripts', 'kb_admin_style');