Manchmal ist es praktisch auch das eigene Backend mit eigenem CSS anzupassen. Egal ob es man für einen Kunden Farblich etwas hervor zu heben möchte oder einfach um generell das Backend etwas schöner zu gestalten damit es zum allgemeinen Style der Webseite passt. Dazu nutzt man am besten einie eigene CSS Datei die wir über die functions.php laden lassen. Wie man die eigene CSS-DAtei im backend läde, zeigen wir dir in diesem Beitrag.
Erstellen der CSS Datei für das Backend
Erstelle dazu einfach eine CSS datei im root verzeichnis deines Templates mit den namen admin.css
*/wp-content/themes/DEIN THEME/admin.cssUm beispielsweise den Menü Punkt „Beiträge“ farblich anzupassen füge in die admin.css datei folgendes ein:
#menu-posts {
background-color: rebeccapurple
}
Einbinden der CSS Datei in das Backend
Anschließend muss die CSS datei noch geladen werden. Öffne dazu deine functions.php datei im root verzeichniss deines Templates und füge folgenden Code hinzu:
function admin_style() {
wp_enqueue_style('admin-styles', get_template_directory_uri().'/admin.css');
}
add_action('admin_enqueue_scripts', 'admin_style');Anschließend sollte dein eigenes Backend CSS geladen werden. Falls die änderungen nicht sichbar sind, lösche einmal den Cache von WordPress und von deinem Browser.
Zusammenfassung
Eigenes CSS in WordPress Backend zu verwednen kann aus verschiedenen gründen sehr nützlich sein. Die umsetzuung ist zudem nicht aufwendig. Erstelle deine CSS Datei und lade Sie anschließend über die functons.php in dein Themen.
