Vertrauenswürdige WordPress-Tutorials, wenn Sie sie am dringendsten benötigen.
Anfängerleitfaden für WordPress
WPB Cup
25 Millionen+
Websites, die unsere Plugins verwenden
16+
Jahre WordPress-Erfahrung
3000+
WordPress-Tutorials von Experten

So ändern Sie das Admin-Farbschema in WordPress (schnell & einfach)

Obwohl das Standard-Admin-Farbschema von WordPress funktional ist, kann es etwas uninspiriert wirken. Daher möchten Sie vielleicht das Admin-Farbschema in WordPress ändern.

Das Ändern des Farbschemas der WordPress-Administration ermöglicht es Ihnen, ein benutzerdefiniertes Dashboard für sich und Ihr Team zu erstellen. Das Farbschema kann dem Design Ihrer Marke entsprechen oder einfach Ihre Lieblingsfarben enthalten.

Wir haben mit der Änderung des Admin-Farbschemas für unsere eigenen Websites und die Websites von Kunden experimentiert und festgestellt, dass dies erhebliche Auswirkungen auf den Workflow und die Benutzererfahrung haben kann.

In diesem Artikel zeigen wir Ihnen, wie Sie das Admin-Farbschema in WordPress ganz einfach ändern können.

So ändern Sie das Admin-Farbschema in WordPress

Warum das Admin-Farbschema in WordPress ändern?

Wenn Sie kein Fan des Standard-Admin-Farbschemas in WordPress sind, können Sie das Farbschema ganz einfach in etwas ändern, das Ihnen gefällt.

Sie können das Farbschema auch an das Design Ihres WordPress-Themes anpassen oder sogar eine Dark-Mode-Funktion hinzufügen.

Dies kann nützlich sein, wenn Sie eine Mitgliederseite oder einen Online-Shop haben, bei dem sich Benutzer auf Ihrer Website anmelden können und Sie möchten, dass Ihre Website und das Admin-Dashboard ein ähnliches Erlebnis bieten.

Sie könnten auch ein anderes Admin-Farbschema für Ihre Staging-Site verwenden, um sie leichter von Ihrer Live-Site zu unterscheiden.

Nichtsdestotrotz zeigen wir Ihnen ein paar verschiedene Möglichkeiten, wie Sie das Admin-Farbschema in WordPress ändern können. Sie können die Schnelllinks unten verwenden, um direkt zu der Methode zu springen, die Sie verwenden möchten.

So ändern Sie das Admin-Farbschema mit den Standardeinstellungen von WordPress

WordPress verfügt über eine integrierte Funktion, mit der Sie aus einigen vordefinierten Farbpaletten für Ihr WordPress-Admin-Dashboard auswählen können.

Um das Admin-Farbschema zu ändern, melden Sie sich einfach in Ihrem WordPress-Admin-Dashboard an und navigieren Sie dann zu Benutzer » Profil.

Wählen Sie anschließend das neue Farbschema im Abschnitt „Admin-Farbschema“ aus, indem Sie auf die Optionsschaltfläche klicken.

Neues Admin-Farbschema auswählen

Es stehen 9 verschiedene Farbschemata zur Auswahl, darunter Standard, Hell, Modern und mehr.

Wenn Sie verschiedene Optionen anklicken, ändert sich das Farbschema automatisch.

Beispiel für die Änderung des Admin-Farbschemas

Sobald Sie ein Farbschema ausgewählt haben, das Ihnen gefällt, müssen Sie zum Ende der Seite scrollen und auf die Schaltfläche 'Profil aktualisieren' klicken.

Neues Admin-Farbschema speichern

Sie können auch das Admin-Farbschema für andere registrierte Benutzer auf Ihrer WordPress-Website steuern.

Gehen Sie dazu zu Benutzer » Alle Benutzer, fahren Sie dann mit der Maus über den Benutzer und klicken Sie auf die Schaltfläche 'Bearbeiten'.

Benutzerschema ändern

Befolgen Sie dann einfach denselben Prozess wie oben, um das Admin-Farbschema für diesen Benutzer zu ändern.

Wenn Sie fertig sind, klicken Sie auf die Schaltfläche „Profil aktualisieren“ am Ende der Seite.

Benutzerdefinierte Admin-Farbschemata in WordPress erstellen

Wenn Sie noch mehr Farbauswahlmöglichkeiten für Ihr Admin-Dashboard wünschen, können Sie benutzerdefinierte Farbschemata erstellen und diese auf Ihren WordPress-Blog hochladen.

Um dies zu tun, gehen Sie zur kostenlosen Website WordPress Admin Colors und klicken Sie auf die Schaltfläche „Erstellen starten“.

Klicken Sie auf die Schaltfläche „Erstellen starten“

Geben Sie dann einen Namen in das Feld „Name des Farbschemas“ ein.

Dieser Name wird in Ihrem WordPress-Admin-Panel als neue Farboption angezeigt.

Farbschema eingeben

Danach können Sie Ihr Farbschema vollständig anpassen, indem Sie auf die Farboptionen im Abschnitt „Wählen Sie Ihre Farben“ klicken.

Um eine der vorhandenen Farben zu ändern, klicken Sie auf die Farbe und wählen Sie Ihre neue Farbe aus dem Popup-Fenster. Sie können überall auf dem Farbwähler klicken oder einen Hex-Code für eine bestimmte Farbe eingeben.

Farben anpassen

Sobald Sie mit der Anpassung Ihres Farbschemas fertig sind, klicken Sie unten auf der Seite auf die Schaltfläche „Farbschema generieren“.

Dies erstellt den Farbschema-Code, den Sie zu WordPress hinzufügen müssen.

Klicken Sie, um ein Farbschema zu generieren

Auf der nächsten Seite gibt es zwei verschiedene Code-Dateien.

Sie müssen die CSS-Datei herunterladen und den Code-Snippet kopieren und in Ihren bevorzugten Texteditor einfügen. Wir werden diese zu Ihren WordPress-Dateien hinzufügen.

CSS herunterladen und PHP-Code kopieren

Wenn Sie dies noch nie getan haben, lesen Sie unsere Anleitung zum Kopieren und Einfügen von Code in WordPress.

Sie können den Code-Schnipsel zu Ihrer functions.php-Datei hinzufügen oder ein Code-Snippet-Plugin verwenden.

For this tutorial, we’ll use the code snippet plugin WPCode. It’s the easiest and most beginner-friendly method of adding code snippets to your WordPress site.

WPCode

Zuerst müssen Sie das kostenlose WPCode-Plugin installieren. Weitere Details finden Sie in unserem Anfängerleitfaden zur Installation eines WordPress-Plugins.

Nach der Aktivierung haben Sie einen neuen Menüpunkt mit der Bezeichnung „Code-Snippets“ in Ihrer WordPress-Adminleiste. Wenn Sie darauf klicken, wird eine Liste der Code-Snippets angezeigt, die Sie auf Ihrer Website gespeichert haben. Da Sie das Plugin gerade installiert haben, ist Ihre Liste leer.

Klicken Sie auf die Schaltfläche „Neu hinzufügen“, um Ihr Code-Snippet in WordPress einzufügen.

Click the Add New Button to Add Your First Custom Code Snippet in WordPress

Als Nächstes sehen Sie die Seite „Snippet hinzufügen“. Navigieren Sie zur Option „Eigene benutzerdefinierte Codes hinzufügen (Neues Snippet)“ und klicken Sie auf die Schaltfläche „+ Benutzerdefiniertes Snippet hinzufügen“.

Klicken Sie auf die Schaltfläche „Benutzerdefinierten Snippet hinzufügen“

Wählen Sie danach als Code-Typ aus der Liste der Optionen „PHP-Snippet“ aus.

Wählen Sie PHP-Snippet als Code-Typ

Jetzt können Sie Ihrem Code-Snippet einen Namen geben. Dies kann alles sein, was Ihnen hilft, sich an den Zweck Ihres Codes zu erinnern.

Fügen Sie dann den obigen Codeausschnitt in das Feld „Code-Vorschau“ ein.

Code-Snippet benennen und neu hinzufügen

Als Nächstes müssen Sie die Einfügungsmethode für Ihr Code-Snippet auswählen.

Sie können es bei der Methode „Automatisch einfügen“ belassen, sodass der Code-Snippet automatisch an der richtigen Stelle eingefügt und ausgeführt wird.

Wählen Sie die Einfügungsmethode für Ihren benutzerdefinierten Code-Snippet

Schalten Sie danach den Schalter von 'Inaktiv' auf 'Aktiv' und klicken Sie dann in der oberen rechten Ecke des Bildschirms auf die Schaltfläche 'Snippet speichern'.

Dies speichert den Code und aktiviert das neue Admin-Farbschema.

Speichern und aktivieren Sie Ihr benutzerdefiniertes Code-Snippet

Nun müssen Sie das zuvor heruntergeladene CSS-Stylesheet in Ihr Theme-Verzeichnis in Ihrem WordPress-Hosting-Konto hochladen.

To do this, you can use an FTP client, or the file manager option in your WordPress hosting control panel.

Wenn Sie FTP noch nie verwendet haben, sollten Sie sich unseren Leitfaden ansehen, wie Sie FTP verwenden, um Dateien auf WordPress hochzuladen.

Zuerst müssen Sie sich mit einem FTP-Client oder dem Dateimanager in cPanel mit Ihrer Website verbinden. Sobald Sie verbunden sind, müssen Sie zum Ordner /wp-content navigieren.

wp-content Ordner per FTP auswählen

Innerhalb des Ordners wp-content sehen Sie einen Ordner namens themes. Hier speichert WordPress alle Themes, die Ihre Website verwendet oder in der Vergangenheit verwendet hat.

Sie müssen auf den Themes-Ordner klicken und dann den Ordner für das von Ihnen verwendete Theme öffnen.

Öffnen Sie den Themes-Ordner und wählen Sie ein Theme aus

Laden Sie dann die heruntergeladene Datei display.css hoch.

Ihre CSS-Datei wird den Namen haben, den Sie zuvor gewählt haben.

Neue CSS-Datei hochladen

Hinweis: Wenn Sie WordPress-Themes ändern, müssen Sie die CSS-Datei in Ihren neuen Theme-Ordner hochladen.

Navigieren Sie danach zu Benutzer » Ihr Profil.

Dann können Sie das neu erstellte Farbschema auswählen.

Benutzerdefiniertes Farbschema auswählen

Wenn Sie dieses Farbschema verwenden möchten, stellen Sie sicher, dass Sie unten auf der Seite auf die Schaltfläche „Profil aktualisieren“ klicken.

So steuern Sie das Standard-Admin-Farbschema für neue Benutzer

Wenn ein neuer Benutzer ein Konto erstellt, hat er die Möglichkeit, sein Farbschema anzupassen. Möglicherweise möchten Sie jedoch das Standard-Admin-Farbschema steuern oder verhindern, dass Benutzer das Farbschema überhaupt ändern.

Der einfachste Weg, dies zu tun, ist die Verwendung des kostenlosen Plugins Force Admin Color Scheme.

Zuerst müssen Sie das Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Schritt-für-Schritt-Anleitung zur Installation eines WordPress-Plugins.

Nach der Aktivierung navigieren Sie zu Benutzer » Profil, wählen dann Ihre Admin-Farbe aus und aktivieren das Kontrollkästchen „Diese Admin-Farbschema für alle Benutzer erzwingen“.

Aktivieren Sie das Kontrollkästchen „Admin-Farbschema erzwingen“

Klicken Sie danach unten auf der Seite auf die Schaltfläche „Profil aktualisieren“.

Now, the default admin color scheme will be the same for all new and existing users on your site.

The plugin also disables the admin color scheme selector for all of your users. The only users who can change this color are those with admin access.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie das Admin-Farbschema in WordPress ändern können. Möglicherweise möchten Sie auch unsere Expertenauswahl der besten WordPress Admin-Dashboard-Plugins und unseren Leitfaden zum Ausblenden unnötiger Menüpunkte aus dem WordPress-Adminbereich sehen.

Wenn Ihnen dieser Artikel gefallen hat, abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Video-Tutorials. Sie finden uns auch auf Twitter und Facebook.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, wenn Sie auf einige unserer Links klicken, können wir eine Provision verdienen. Sehen Sie wie WPBeginner finanziert wird, warum das wichtig ist und wie Sie uns unterstützen können. Hier ist unser Redaktionsprozess.

Das ultimative WordPress-Toolkit

Erhalten Sie KOSTENLOSEN Zugang zu unserem Toolkit – eine Sammlung von WordPress-bezogenen Produkten und Ressourcen, die jeder Profi haben sollte!

Leserinteraktionen

48 CommentsLeave a Reply

  1. Das ist großartig! Genau das, wonach ich gesucht habe. Aber irgendwie funktioniert es bei mir nicht…
    Ich habe mein eigenes Farbschema erstellt. Die CSS-Datei heruntergeladen und in meinem CSS-Ordner meines Child-Themes implementiert. Dann habe ich den PHP-Code in meine PHP-Datei in meinem Child-Theme eingefügt. Bisher sollte alles richtig sein. Das erstellte Farbschema wird sogar mit den richtigen Farben angezeigt, um es auszuwählen, aber wenn ich es auswähle, werden nur die Standardfarben angezeigt. Mache ich etwas falsch?

    • Der häufigste Grund dafür, so unsere Erfahrung, ist die Art und Weise, wie der Code zu Ihrer functions.php hinzugefügt wird. Wir empfehlen, die WPCode-Methode auszuprobieren, um zu sehen, ob es auf diese Weise funktioniert, um sicherzustellen, dass es sich nicht um ein Problem mit functions.php handelt. Die andere Option, die Sie versuchen könnten, wäre, die Datei in den Ordner des übergeordneten Themes zu legen.

      Admin

  2. Vielen Dank, dass Sie den Prozess der Erstellung benutzerdefinierter Farbschemata abgedeckt haben – ich werde dies verwenden, um mehr markenkonforme Optionen für Kunden zu erstellen. Ich wusste nicht, dass ich benutzerdefinierte Farben hinzufügen könnte

  3. Ich vergesse immer die genauen Schritte, um das Farbschema zu ändern, aber diese Anleitung als Lesezeichen zu haben, spart mir jedes Mal eine Menge Zeit, wenn ich das Aussehen meines Admin-Dashboards auffrischen möchte. Danke.

  4. Funktioniert brillant! Die Standard-Farbschemata sind so langweilig und passen nie zu den Markenfarben. Dies ist eine großartige Ergänzung für das Backend einer Website und einfach zu machen. Danke.

  5. Hi,
    I’m trying to make this work but it won’t show up on the users panel. I followed the exact steps as shown above. Do you have any tips? :)
    Thanks!

    • Wenn Sie es nicht verwenden, müssten Sie, um das Admin-Farbschema aller zu ändern, die Plugin-Methode aus dieser Anleitung verwenden und sicherstellen, dass Sie die Änderungen speichern.

      Wenn Sie ein Caching-Plugin verwenden, sollten Sie außerdem Ihren Cache leeren, um sicherzustellen, dass er aktualisiert wird.

      Admin

  6. Ich verbringe viel Zeit im wp-admin. Habe keinen Weg gefunden, mein eigenes Farbschema zu erstellen. Muss vielleicht ein Wochenende opfern und ein Plugin erstellen, das das mit ein paar Farbrädern macht.

  7. Ich halte es für einen sehr kindischen Schachzug des WordPress-Teams, einen so unprofessionellen, übermäßig trendigen Designstil allen Benutzern aufzuzwingen, ohne ein Farbschema einzubauen, das der normalen Admin-Oberfläche einigermaßen ähnelt.

    Flat Design gehört nicht zu schweren Benutzeroberflächen wie Admin-Dashboards. Diese erfordern mehr Trennung, als Flat Design bieten kann. In etwa 5 Jahren werden die Designer alle zurückblicken und das alles erkennen, und bis dahin wird der „Bleeding Edge“-Designer Screenshots auf Dribbble von seinen tiefen Designs posten (die er irgendwie übermäßig kompliziert machen wird).

  8. Persönliche Einstellungen? Ich habe überall im Dashboard gesucht und es nicht gefunden. Seltsam ist, dass ich, wenn ich auf mein Profil klicke, die Seite mit der Farbänderung aufblitzen sehe, bevor die Seite mit Korrekturlesen und den restlichen Einstellungen erscheint. Es ist also da, ich kann nur nicht darauf zugreifen. ~Eleanor

  9. Gibt es als Plugin-/Theme-Entwickler eine Möglichkeit, die Farben zu erhalten, um sie auf unsere Plugin-/Theme-Admin-Panels anzuwenden, damit wir das gewählte Farbschema anpassen können?

  10. Terrible move. Don’t fix something that ain’t broken. The light scheme is too light and the dark is too dark. I want my old color scheme back!!

    • Könnte nicht mehr zustimmen. Das alte Farbschema war perfekt, ich mag die schwarze Farbe im Admin-Menü überhaupt nicht, und die Optionen, die man zum Ändern hat, sind auch nicht gut – das Grau (helles Schema) ist viel zu hell. Absurde Entscheidung.

    • Ich glaube, Sie haben den Punkt verfehlt… Sie können sie selbst ändern. Sie können zu dem zurückkehren, was Sie hatten, aber lassen Sie uns, die mehr wollten, die Option haben, mehr zu haben.

  11. Es wäre großartig, wenn Sie eine „Do-it-yourself“-Lösung zum Hinzufügen von Farbschemata anbieten würden, zusätzlich zur Weiterleitung an ein Plugin.

    • I agree — it’s what I had expected, given the article intro.

      Eventually I may poke around and find out for myself where I can alter the colors, and hard code in new combinations.
      For now, I just need to get some work done –now that the Default dark theme is no longer an impediment :)

      Das Plugin ist eine gute Zwischenlösung, obwohl ich dachte, das Plugin würde einen zusätzlichen Schritt weitergehen und es Benutzern ermöglichen, ihr eigenes benutzerdefiniertes Farbschema zu erstellen. (Gute Verwendung für Kuler)

      An die Autoren: Danke für den Artikel!
      Ich konnte keinen Moment länger in WP mit diesen Standardfarben verbringen!!
      Ich hasste das neue Theme und es war nicht offensichtlich, wie man es ändert.

      WP hätte standardmäßig Farben verwenden sollen, an die wir gewöhnt sind,
      und an prominenter Stelle bewerben sollen, wo wir sie ändern könnten.
      Dunkel war so unangenehm, ablenkend und schwer zu lesen.

  12. Danke für den Artikel. Ich kann nicht glauben, dass bei WP 3.8 keine der Farboptionen das alte Farbschema enthielt, an das die Leute gewöhnt sind und das meiner Meinung nach viel angenehmer für die Augen ist. WP muss lernen, wenn es nicht kaputt ist, repariere es nicht!

  13. Wer auch immer diese Farbschemata entworfen hat, braucht dringend Lektionen über Augenbelastung, Benutzerfreundlichkeit, Farbtheorie und mehr. Ich kann nicht glauben, dass sie das schlichte, leicht lesbare, angenehme Dashboard komplett eliminiert haben. Sie sind verrückt, wenn sie denken, das sei ein guter Schritt. Das Letzte, was ich sehen möchte, sind schreckliche Farbschemata, die von Narren entworfen wurden, die nicht verstehen, wie störend diese Farben für viele Menschen sein können. Ich war ein riesiger WP-Fan und -Befürworter. Ich höre nie auf, seine Vorteile zu teilen. Aber das ist ein großer, schlimmer Fehler. Ich bin fassungslos ....

    • Absolut!
      Schwarz ist sehr schwer zu lesen..vielleicht wenn ich die Bildschirmhelligkeit stark erhöhen würde, wäre der Text besser lesbar? Aber dann wären auch der störende Kontrast und die Augenbelastung stärker ausgeprägt.

      Kein Grund, warum sie uns keine Option geben konnten, die dem ähnlicher ist, womit alle gewohnt sind zu arbeiten.

      Ich habe auch die einzige helle Option gewählt, die sie angeboten haben. Die andere nicht-dunkle Option ist eine Möglichkeit, aber ein kleiner Dämpfer.

  14. Ja. Ich LIEBE den neuen Look, aber ich finde ihn auch SEHR frustrierend. Es gibt so wenig Kontrast im Kommentarbereich, dass es mir schwerfällt, auf einen Blick zu erkennen, auf welche Kommentare ich geantwortet habe und auf welche nicht. Das Ändern des Farbschemas hat keinen Einfluss auf die Farbe der Kommentare.

    • Ian, ich konnte die Kommentarfarbe auch nicht ertragen. Sie hätten sie definitiv mehr hervorheben sollen. Eine ziemlich einfache Lösung ist, einfach die Standarddatei default color.min.css zu bearbeiten.

      Suchen Sie nach #fefaf7 in wp-admin/css/colors.min.css und ändern Sie es mit #FFFF88 an beiden Stellen. #FFFF88 ist ein gut sichtbares Gelb, aber Sie können jede gewünschte Farbe einfügen.

      Ich hoffe, das hilft jedem, der nach einer schnellen Lösung sucht. Wenn Sie ein anderes Farbthema verwenden (z. B. Midnight), befindet sich die CSS-Datei in wp-admin/css/colors/midnight/colors.min.css.

      • Danke!!

        Beachten Sie, dass sich die Admin-Leiste, die oben auf unserer Website erscheint, wenn wir angemeldet sind, NICHT ändert, um das gewählte Thema widerzuspiegeln. Sie bleibt schwarz, egal was passiert:( Ich erwarte, dass sie die Hintergrundfarbe unseres gewählten Admin-Themas hat.

  15. Entschuldigung, ich mag keines der neuen Schemata. Ich habe einen Spitzenmonitor mit 24 Zoll und hoher Auflösung, der von einer guten Grafikkarte gespeist wird, und erhalte bei den meisten Texten im Dashboard starke Farbsäume.

    BITTE, lassen Sie uns eine schlichte, altmodische Schwarz-, Weiß- und Graustufen-Option haben.

    Das alte Farbschema war IMHO viel besser.

      • VIELEN DANK !!!

        WP hat Funktionen, die ich liebe, aber ein erzwungener „neuer Look“ gehört nicht dazu.
        Ich dachte darüber nach, wie ich zum 3.7-Look zurückkehren oder WordPress komplett aufgeben könnte.
        Dies ist nicht das einzige nicht optionale unerwünschte „Upgrade“, das in letzter Zeit stattgefunden hat.

  16. Es ist großartig, dass WordPress sich verbessert und mit aktuellen Trends wie Flat Design und mobilem Browsing Schritt hält. Aber ich denke, sie hätten uns eine Option lassen sollen, um das alte Farbschema und Aussehen weiterhin nutzen zu können. Ich habe WordPress als CMS für mehrere Kunden verwendet, sie geschult und für sie eine Benutzerhandbuch mit Browser-Screenshots des Admin-Panels erstellt. Jetzt zwingt uns dieses Update, das Aussehen des Admin-Bereichs dieser Kunden zu ändern, ohne jegliche Option. Selbst die nächstgelegenen verfügbaren Farbschemata und das Aussehen sind zu unterschiedlich zum Aussehen von 3.7.1. Ich glaube nicht, dass meinen Kunden eine solche aufgezwungene Änderung gefallen wird.

  17. Toll! Mein Favorit ist das „Flat Theme“. Wie wäre es mit einem Tutorial, wie man sein eigenes Farbschema erstellt? WP Beginner rockt! Weiter so.

    • Alan, vielen Dank! Das ist genau das, was ich in diesem Artikel gesucht habe – wie man die Standardeinstellung festlegt!

  18. Ich ging zum Dashboard und dann zu „Benutzer“, aber die Farben waren bei mir nicht unter „Mein Profil“, sondern unter „Persönliche Einstellungen“.