Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Ändern des Admin-Farbschemas in WordPress (schnell und einfach)

Das standardmäßige WordPress-Admin-Farbschema ist zwar funktional, kann aber ein wenig uninspiriert wirken. Daher sollten Sie das Farbschema für die Verwaltung in WordPress ändern.

Wenn Sie das Farbschema der WordPress-Verwaltung ändern, können Sie ein individuelles Dashboard für Sie und Ihr Team erstellen. Das Farbschema kann mit dem Design Ihrer Marke übereinstimmen oder einfach Ihre Lieblingsfarben enthalten.

Wir haben sowohl für unsere eigenen Websites als auch für die Websites unserer Kunden mit der Änderung des Farbschemas für die Verwaltung experimentiert und festgestellt, dass dies erhebliche Auswirkungen auf den Workflow und die Benutzerfreundlichkeit haben kann.

In diesem Artikel zeigen wir Ihnen, wie Sie das Farbschema für den Administrator in WordPress einfach ändern können.

How to change the admin color scheme in WordPress

Warum sollte man 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 auch das Farbschema ändern, um es an das Design Ihres WordPress-Themas anzupassen, oder sogar eine Funktion für den dunklen Modus hinzufügen.

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

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

In diesem Sinne zeigen wir Ihnen ein paar verschiedene Möglichkeiten, wie Sie das Farbschema für die Verwaltung in WordPress ändern können. Sie können die unten stehenden Links verwenden, um direkt zu der gewünschten Methode zu springen.

Ändern des Admin-Farbschemas mit WordPress-Standardeinstellungen

WordPress verfügt über eine eingebaute Funktion, mit der Sie aus einigen vorgegebenen Farbpaletten für Ihr WordPress-Administrations-Dashboard wählen können.

Um das Farbschema für die Verwaltung zu ändern, melden Sie sich einfach in Ihrem WordPress-Administrations-Dashboard an und navigieren dann zu Benutzer “ Profil.

Danach wählen Sie das neue Farbschema im Abschnitt „Admin Color Scheme“ aus, indem Sie auf die Optionsschaltfläche klicken.

Select new admin color scheme

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

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

Admin color scheme change example

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

Save new admin color scheme

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

Gehen Sie dazu auf Benutzer “ Alle Benutzer, bewegen Sie den Mauszeiger über den Benutzer und klicken Sie auf die Schaltfläche „Bearbeiten“.

Edit user color scheme

Dann folgen Sie einfach dem gleichen Prozess wie oben, um das Farbschema für diesen Benutzer zu ändern.

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

Wie man benutzerdefinierte Admin-Farbschemata in WordPress erstellt

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

Gehen Sie dazu auf die kostenlose Website WordPress Admin Colors und klicken Sie auf die Schaltfläche „Erstellen“.

Click start creating button

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

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

Enter color scheme name

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 die neue Farbe aus dem Popup-Fenster. Sie können auf eine beliebige Stelle im Farbwähler klicken oder einen Hex-Code für eine bestimmte Farbe eingeben.

Click to customize colors

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

Dadurch wird der Code für das Farbschema erstellt, den Sie zu WordPress hinzufügen müssen.

Click to generate color scheme

Auf der nächsten Seite finden Sie zwei verschiedene Codedateien.

Laden Sie die CSS-Datei herunter, kopieren Sie den Codeschnipsel und fügen Sie ihn in Ihren bevorzugten Texteditor ein. Wir werden diese zu Ihren WordPress-Dateien hinzufügen.

Download CSS and copy PHP code

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

Sie können das Code-Snippet in Ihre functions.php-Datei einfügen oder ein Code-Snippets-Plugin verwenden.

Für dieses Tutorial verwenden wir das Code-Snippets-Plugin WPCode. Es ist die einfachste und einsteigerfreundlichste Methode, um Code-Snippets zu Ihrer WordPress-Website hinzuzufügen.

WPCode

Zunächst müssen Sie das kostenlose WPCode-Plugin installieren. Weitere Einzelheiten finden Sie in unserem Leitfaden für Anfänger zur Installation eines WordPress-Plugins.

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

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

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

Als nächstes wird die Seite „Snippet hinzufügen“ angezeigt. Navigieren Sie zur Option „Eigenen Code hinzufügen (neues Snippet)“ und klicken Sie auf die Schaltfläche „Snippet verwenden“.

Add your new custom code snippet in WPCode

Wählen Sie dann aus der Liste der Optionen „PHP Snippet“ als Codetyp aus.

Select PHP Snippet as the code type

Nun können Sie Ihrem Codeschnipsel einen Namen geben. Das kann alles sein, was Ihnen hilft, sich an den Zweck Ihres Codes zu erinnern.

Fügen Sie dann das oben kopierte Snippet in das Feld „Codevorschau“ ein.

Name and add new code snippet

Als Nächstes müssen Sie die Einfügemethode für Ihren Codeschnipsel auswählen.

Sie können es bei der Methode „Auto Insert“ belassen, so dass der Codeausschnitt automatisch an der richtigen Stelle eingefügt und ausgeführt wird.

Pick the insertion method for your custom code snippet

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

Dadurch wird der Code gespeichert und das neue Farbschema für die Verwaltung aktiviert.

Save and activate your custom code snippet

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

Dazu können Sie einen FTP-Client oder die Dateimanager-Option in Ihrem WordPress-Hosting-Kontrollpanel verwenden.

Wenn Sie noch nie mit FTP gearbeitet haben, sollten Sie sich unsere Anleitung zum Hochladen von Dateien in WordPress per FTP ansehen.

Zunächst müssen Sie mit einem FTP-Client oder dem Dateimanager im cPanel eine Verbindung zu Ihrer Website herstellen. Sobald Sie verbunden sind, müssen Sie zum Ordner /wp-content navigieren.

Select wp-content folder FTP

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

Klicken Sie auf den Ordner „Themen“ und öffnen Sie dann den Ordner des von Ihnen verwendeten Themas.

Open themes folder and select theme

Laden Sie dann die Datei display.css hoch, die Sie heruntergeladen haben.

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

Upload new CSS file

Hinweis: Wenn Sie das WordPress-Theme wechseln, müssen Sie die CSS-Datei in den Ordner Ihres neuen Themes hochladen.

Navigieren Sie anschließend zu Benutzer “ Ihr Profil.

Dann können Sie das neue Farbschema auswählen, das Sie gerade erstellt haben.

Select custom color scheme

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

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 zu ändern. Möglicherweise möchten Sie jedoch das Standard-Admin-Farbschema kontrollieren oder verhindern, dass Benutzer das Farbschema überhaupt ändern.

Am einfachsten geht das mit dem kostenlosen Plugin Force Admin Color Scheme.

Zunächst müssen Sie das Plugin installieren und aktivieren. Weitere Einzelheiten finden Sie in unserer Schritt-für-Schritt-Anleitung für die Installation eines WordPress-Plugins.

Navigieren Sie nach der Aktivierung zu Benutzer “ Profil, wählen Sie Ihre Administratorfarbe aus und klicken Sie auf das Kontrollkästchen „Dieses Administrator-Farbschema für alle Benutzer erzwingen“.

Check force admin color scheme checkbox

Klicken Sie anschließend auf die Schaltfläche „Profil aktualisieren“ unten auf der Seite.

Jetzt wird das Standard-Admin-Farbschema für alle neuen und bestehenden Benutzer auf Ihrer Website gleich sein.

Das Plugin deaktiviert auch die Auswahl des Farbschemas für alle Ihre Benutzer. Die einzigen Benutzer, die diese Farbe ändern können, sind diejenigen mit Admin-Zugang.

Wir hoffen, dass dieser Artikel Ihnen geholfen hat zu erfahren, wie Sie das Farbschema des Adminbereichs in WordPress ändern können. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten WordPress-Admin-Dashboard-Plugins und unsere Anleitung zum Ausblenden unnötiger Menüpunkte im WordPress-Admin.

Wenn Ihnen dieser Artikel gefallen hat, dann abonnieren Sie bitte unseren YouTube-Kanal für WordPress-Videotutorials. Sie können uns auch auf Twitter und Facebook finden.

Offenlegung: Unsere Inhalte werden von unseren Lesern unterstützt. Das bedeutet, dass wir möglicherweise eine Provision verdienen, wenn Sie auf einige unserer Links klicken. Mehr dazu erfahren Sie unter Wie WPBeginner finanziert wird , warum das wichtig ist und wie Sie uns unterstützen können. Hier finden Sie unseren redaktionellen Prozess .

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Das ultimative WordPress Toolkit

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

Reader Interactions

43 KommentareEine Antwort hinterlassen

  1. llarron

    Works brilliantly! The standard colour schemes are so boring and never match brand colours this is a great addition to the back of a website and easy to do. Thanks.

    • WPBeginner Support

      Glad you found our recommendation helpful :)

      Admin

  2. Puck

    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!

    • WPBeginner Support

      If you are not using it, to change everyone’s admin color scheme, you would need to use the plugin method from this guide and ensure you save changes.

      Also, if you have a caching plugin, you may want to clear your caching to ensure it updates.

      Admin

  3. Angelo

    I tried to change but not convinced of others and I kept default color scheme :-)

    • WPBeginner Support

      That’s perfectly fine, its a personal preference if you change the colors or not :)

      Admin

  4. David Swanson

    Spend a lot of time in wp-admin. Havn’t found away to make your own color sceme. Might need to take a weekend and create a plugin that does that with a few color wheels.

  5. Barry

    @maxpen:disqus did you find a solution? i want the same thing

    • Aria

      you’ll find the css files in „wp-admin > css > colors“

  6. Max Pen

    I want to know where they store the files of each theme and how to create one.

  7. GP Diller

    I think it was a very juvenile move on behalf of the Wordpress team to force such an unprofessional, overly trendy design trend down all their users throats without including a color scheme that somewhat resembles the normal admin interface.

    Flat design does not belong heavy interfaces like admin dashboards. These require more separation than flat design can provide. In about 5 years the designers will all look back and realize all of this and by that point the „bleeding edge“ designer will be posting screenies on Dribbble of their deep designs (which somehow they’ll manage to make overly complicated).

  8. Eleanor

    Personal settings? I looked everywhere on the dashboard and could not find it, Weird thing is, when I click on my profile I can see the color change page flash by before the page that has Proofreading and the rest of the settings. So it’s there, just can’t access it. ~Eleanor

      • Eleanor

        Yes it still does the same thing. I don’t mind the black design but would be nice if worked like it’s supposed to. ~Eleanor

  9. Justin

    As a plugin/theme developer, is there any way to grab the colors to apply to our plugins/theme admin panels so we can match the chosen color scheme?

  10. Peter

    This plugin adds one more admin color scheme, which is similar to the light grey and blue colors of old (Wordpress 3.7) admin panel, strikes a balance between earlier classical view and new flat view. Makes visible menu separators between menu blocks and menu items:
    http://wordpress.org/plugins/wp-admin-classic-colors/

  11. Rima

    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!!

    • Rudy

      Couldn’t agree more. The old color scheme was perfect, I totally dislike the black color in the admin menu, and the choices you have to change it aren’t good either – the grey (light scheme) is way too light. Absurd move.

    • Doug

      I think you missed the point…you can change them up yourself. You can go back to what you had, but let us who wanted more have the option of having more.

  12. Giovanni M

    It would be great if you guys would include a „do-it yourself“ solution to adding color schemes in addition of passing it off to a plugin.

    • Sheryl

      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 :)

      The plugin is a good midway option, although I thought the plug in would go one additional step, allowing users to create their own custom colored theme. (good use for kuler)

      To authors: Thanks for the article!
      I could not spend another moment in WP on those Default colors!!
      I hated the new theme and it wasn’t obvious how to change it.

      WP should have Defaulted to colors we are accustomed to,
      and in a prominent location, advertise where we could change it.
      Dark was so unpleasant, distracting, and difficult to read.

  13. Rob

    Thanks for the article. I can’t believe on WP 3.8 none of the colour options included the old colour scheme which people are used to and is far easier on the eye in my opinion. WP needs to learn if it ain’t broke don’t fix it!

  14. Jenny Lens

    Whomever designed these color schemes needs serious lessons about eye strain, user friendliness, color theory and more. I cannot believe they totally eliminated the plain vanilla, easy to read, pleasant dashboard. They are outta their minds to think this is a good move. The last thing I want to see are horrible color schemes designed by fools who don’t understand how disturbing these colors can be to many people. I was a huge WP fan and advocate. I never stop sharing its benefits. But this is a big, bad mistake. I am stunned ….

    • Alison Foxall

      The „light“ scheme seems to be vastly similar to the old color scheme.

    • Sheryl

      Absolutely!
      Black is very difficult to read..maybe if I had my screen brightness way up, the text would be more readable? But then the disturbing contrast and eye strain would also be more pronounced.

      No reason they couldn’t have given us an option closer to what everyone is accustomed to working with.

      I also chose the Only light option they presented. The other non-dark option is a possibility, but a slight downer.

  15. Benjamin Beck

    Exactly what I was looking to get done. Thanks for putting this up so fast!

  16. Ian Allan

    Yep. I LOVE the new look, but I also find it VERY frustrating. There is so little contrast in the comments area that I find it difficult to work out at-a-glance which comments I have responded to and which I haven’t. Changing the color scheme does not affect the color of comments.

    • Charles Kosman

      Ian, I couldn’t stand the comment color either. They definitely should have made it stand out more. Pretty simple fix is to just edit the default color.min.css file.

      Search for #fefaf7 in wp-admin/css/colors.min.css and change with #FFFF88 in both locations. #FFFF88 is an easy to see yellow but you can put any color you want in there.

      Hope that helps anyone looking for a quick fix. If you’re using a different color theme (for example Midnight) then the css file will be in wp-admin/css/colors/midnight/colors.min.css.

      • Sheryl

        Thank You!!

        Notice that the admin bar that appears at the top of our website when we are logged in does Not Change to reflect the chosen theme. It remains black no matter what:( I expect it to be the background color of our chosen admin theme.

  17. Brook Acklom

    Sorry, I don’t like any of the new schemes at all. I have a top-of-the-range 24″ HiRes monitor fed by a good graphics card and get severe colour fringing on most text in the dashboard.

    PLEASE let’s have a plain, old-fashioned Black, White + shades of grey option.

    The old colour scheme was much better IMHO.

      • Curt

        THANK YOU !!!

        WP has features I love, but a forced „new look“ ain’t one of ‚em.
        Was starting to think about how I could revert to the 3.7 look, or abandon wordpress completely.
        This isn’t the only non-optional unwanted „upgrade“ that’s happened lately.

  18. Sean Davis

    I kind of love this part of the new update. Midnight is my favorite one at the moment.

  19. Aksam Zarook

    Its great wordpress is improving and keeping up with current trends like flat design and mobile browsing. But I think they should have left a option for us to continue using the old color scheme and look. I have used wordpress as the cms for several clients and trained them and made user manual with browser shots of the admin panel for them. Now this update is forcing us to change the admin look of these client’s without any option. The even the closest available color schemes and look is too different than the 3.7.1 look. I don’t think my clients will like a change like this thrust on them.

  20. adolf witzeling

    Nice! My favorite One is the „Flat Theme“. How about a tutorial how to create your own color scheme? WP Beginner Rocks! Keep it up.

    • Mark Bailey

      Alan, thank you! That is exactly what I was hoping to find in this article…how to set the default!

  21. jennifer hyndman

    I went to the dashboard, and then to ‚users‘, but the colors were not under ‚my profile‘ for me, they were under ‚personal settings‘.

Eine Antwort hinterlassen

Danke, dass du einen Kommentar hinterlassen möchtest. Bitte beachte, dass alle Kommentare nach unseren kommentarpolitik moderiert werden und deine E-Mail-Adresse NICHT veröffentlicht wird. Bitte verwende KEINE Schlüsselwörter im Namensfeld. Lass uns ein persönliches und sinnvolles Gespräch führen.