Jetzt anrufen
Kontakt aufnehmen
Kostenlose Webseiten Analyse
WordPress Experten gesucht?

Sie planen einen Webseiten-Relaunch mit WordPress oder WooCommerce? Sie suchen einen Experten für SEO oder die technische Wartung? Vereinbaren Sie einen kostenlosen und unverbindlichen Beratungstermin.

Unverbindliches Beratungsgespräch

WordPress-Backend mit Custom-CSS

WordPress
WordPress-Backend mit Custom-CSS

Wer das Backend (wp-admin) von WordPress mittels CSS modifizieren möchte, kann dies auf einfachem Wege über die functions.php des verwendeten Themes realisieren. Der Vorteil: Die Core-Dateien von WordPress bleiben unberührt, womit etwaige Änderungen bei einem Update nicht verloren gehen.

So individuell wie jede WordPress-Webseite, sind auch die Anforderungen, die an eine professionelle WordPress Agentur bei der Umsetzung von Webseiten, Onlineshops, Online-Magazine oder Portale gestellt werden. Unter Umständen erfordert es auch eine optische Modifizierung des Backends, um beispielsweise gewisse Dinge auszublenden oder umzufärben. Bei WordPress ein Kinderspiel.

CSS / Stylesheets im WordPress Backend

Damit die Änderungen bei einem Update von WordPress nicht verloren gehen, müssen etwaige CSS-Modifikationen auf anderem Wege eingeschleust werden, als über die regulären CSS-Dateien der WordPress-Core.

Übrigens ist es grundsätzlich keine gute Idee, die WordPress-Core zu bearbeiten bzw. zu modifizieren. Dafür gibt es in der Regel auch überhaupt keinen Grund. WordPress bietet genug Mittel und Wege, um das CMS zu modifizieren, ohne dass es einem beim nächsten Update die Schweißperlen auf die Stirn treibt.

Lesetipp: Was ist CSS3?

Code-Snippet: Eigenes CSS im wp-admin

Ein möglicher Weg für Update-fähige Anpassungen ist die functions.php-Datei des gegenwärtig eingesetzten Themes. Die Modifikationen sind also Theme-basiert. Mittels simplem Action-Hook können die gewünschten CSS-Regeln ganz einfach zusätzlich zur Backend-CSS geladen werden.

Folgende Varianten gibt es: Entweder mit CSS-Code direkt im Hook oder ausgelagert als eigene CSS-Datei. Beide Varianten funktionieren gleich gut, letztere bietet sich aber vor allen Dingen dann an, wenn es umfangreichere Anpassungen gibt.

Je nach gewünschter Variante wird einer der nachfolgenden Code-Snippets einfach in der functions.php eingesetzt.

CSS direkt im Hook

Stylesheet via CSS-File

Diese Artikel könnte Sie auch interessieren:


Lese-Empfehlungen zum Thema

Sie benötigen eine WordPress Agentur? Wir stehen als Ihre Experten zur Verfügung. Treten Sie mit uns in Kontakt und vereinbaren Sie ein unverbindliches Beratungsgespräch.

Eine Meinung zu “WordPress-Backend mit Custom-CSS”

  1. Hallo KREATIVDENKER,

    sehr guter Artikel, jedoch folgendes bedenken:

    get_template_directory_uri() greift immer auf das aktive Root-Template zu.
    Wer ein Child-Theme nutzt, und dort seine admin-style.css ablegt,
    sollte stattdessen get_stylesheet_directory_uri() nutzen,
    da diese Funktion Child-Themes beachtet!

    [CODE]
    function kb_admin_style() {
    wp_enqueue_style(‚admin-styles‘, get_stylesheet_directory_uri().’/style_wp-backend.css‘);
    }
    add_action(‚admin_enqueue_scripts‘, ‚kb_admin_style‘);
    [/CODE]

    Beste Grüße
    Carsten

    Antworten
Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert

Ähnliche Artikel
RACK26 geht an den Start (Pressemitteilung)

Die Internetagentur Kreativdenker GmbH erweitert ihr Portfolio und startet mit RACK26 eine eigene Hosting-Marke. Nach über 11 Jahren Erfahrung als WordPress-Agentur bringt das Unternehmen...
mehr lesen

Wie viele Besucher kann WordPress bewältigen?

WordPress ist seit vielen Jahren unangefochten das meist genutzte Content-Management-System am Markt. Über 40 % des gesamten Internets nutzen WordPress als Motor. Doch wie...
mehr lesen

WordPress: Umleitung auf /wp-admin/upgrade.php bei Login

Man möchte sich in das WordPress-Backend einloggen und wird automatisch auf /wp-admin/upgrade.php umgeleitet. Ein Login ist nicht möglich. Woran liegt das? Wir erklären die...
mehr lesen

WP Rocket: Inline-Scripte ausschließen

In dieser Anleitung zeigen wir, wie man Inline-Scripte von der Optimierung durch WP Rocket ausschließen kann. Etwa wenn man Inline-Javascript von der Optimierung „Javacript...
mehr lesen

Internetagentur Kreativdenker GmbH 35 Bewertungen auf ProvenExpert.com