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

Hinzufügen des dunklen Modus zu Ihrem WordPress Admin Dashboard

Einige unserer Teammitglieder arbeiten gerne bis spät in die Nacht und haben festgestellt, dass die helle WordPress-Verwaltungsoberfläche für die Augen ziemlich anstrengend sein kann. Daher haben wir versucht, einen Weg zu finden, den Admin-Bereich für Nachtschwärmer und Menschen, die bei schlechten Lichtverhältnissen arbeiten, angenehmer zu gestalten.

Da entdeckten wir die Vorteile des Dunkelmodus. Ein dunkleres Farbschema kann das weiße und blaue Licht, das von Ihrer Ansicht ausgeht, erheblich reduzieren und so die Augen bei nächtlichen Bearbeitungssitzungen schonen.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihrem WordPress-Dashboard einen dunklen Modus hinzufügen können. Egal, ob Sie eine Nachteule sind, ein batteriebewusster Benutzer oder jemand, der einfach nur den eleganten Look dunkler Oberflächen liebt – wir haben alles für Sie.

How to Add Dark Mode to Your WordPress Admin Dashboard

Was ist der Dark Mode und warum sollte man ihn zu WordPress hinzufügen?

Wenn Sie häufig spät nachts oder unter schlechten Lichtverhältnissen an Ihrer WordPress-Website arbeiten, kann das helle Licht des Computerbildschirms die Augen überlasten.

Manche Menschen glauben sogar, dass helles Licht den natürlichen Tagesrhythmus stören und das Einschlafen erschweren kann.

Aus diesem Grund verfügen viele Anwendungen, Websites und sogar Betriebssysteme über einen integrierten Dunkelmodus, der die Menge des weißen Lichts auf dem Bildschirm reduziert.

Dark mode in macOS

Wenn Sie ein iPhone oder ein Android-Smartphone haben, können Sie möglicherweise mit einem Kippschalter in den Dunkelmodus wechseln.

Einige beliebte Websites wie YouTube bieten sogar ein integriertes dunkles Farbschema.

An example of Dark Mode on the YouTube website

Das Hinzufügen eines dunklen Modus zu Ihrer WordPress-Website ist großartig für die Besucher, aber Sie möchten vielleicht auch einen dunklen Modus für das Backend Ihrer Website hinzufügen. WordPress verfügt über Farbschemata für die Verwaltung, aber keines der Standard-Farbschemata reduziert tatsächlich die Menge an weißem Licht, die durch den Bildschirm kommt.

In diesem Sinne sollten wir dem WordPress-Administrationsbereich einen Dunkelmodus hinzufügen, damit Sie bis spät in die Nacht oder bei schlechten Lichtverhältnissen bequem an Ihrer Website arbeiten können.

Schneller und einfacher Weg, um den dunklen Modus zu Ihrem WordPress-Adminbereich hinzuzufügen

Der einfachste Weg, dem WordPress-Admin-Dashboard einen dunklen Modus hinzuzufügen, ist die Verwendung von WP Dark Mode. Mit diesem Plugin können Administratoren den dunklen Modus mit einem einzigen Klick aktivieren und deaktivieren.

Noch besser: Wenn Sie einen WordPress-Blog mit mehreren Autoren betreiben, kann jede Person den dunklen Modus nach Belieben ein- und ausschalten. Das Plugin merkt sich die Einstellung, wenn sie sich das nächste Mal anmelden. Um mehr zu erfahren, lesen Sie unseren vollständigen WP Dark Mode Test.

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

Gehen Sie nach der Aktivierung auf die Seite WP Dark Mode “ Einstellungen in Ihrem WordPress-Dashboard und klicken Sie dann auf die Registerkarte Admin Panel Dark Mode.

Aktivieren Sie dann die Schaltfläche „Admin Dashboard Dark Mode aktivieren“.

Enabling dark mode in WordPress

Sie können auch den Dunkelmodus für den Blockeditor aktivieren, wenn Sie dies wünschen.

Blättern Sie dann nach unten und klicken Sie auf die Schaltfläche „Änderungen speichern“.

Saving WP Dark Mode plugin settings

Jetzt sehen Sie einen neuen Schalter „Hell/Dunkel“ in der Verwaltungssymbolleiste.

Sie können auf diesen Schalter klicken, um den dunklen Modus im Verwaltungsbereich zu aktivieren oder zu deaktivieren.

Turning on the dark mode in WordPress

Der „Dunkle Modus“ ist kein Farbschema für Administratoren. Nachdem Sie ihn aktiviert haben, sollten Sie versuchen, das Farbschema für Administratoren zu ändern.

Durch die Wahl eines dunklen Farbschemas können Sie die Lichtmenge auf dem Bildschirm weiter reduzieren. Eine andere Möglichkeit ist die Wahl eines helleren Farbschemas, wodurch das Dashboard im dunklen Modus leichter zu lesen ist.

Um das Farbschema für den Administrator zu ändern, gehen Sie zu Benutzer “ Profil und wählen Sie dann eine der Optionen unter Farbschema für den Administrator.

Admin Color Scheme

Sie können auch den dunklen Modus auf dem Frontend Ihrer Website aktivieren.

Wechseln Sie dazu auf die Registerkarte „Frontend Dark Mode“ und aktivieren Sie die Schaltfläche „Enable Frontend Dark Mode“.

Enabling dark mode for the website's front end

Wie zuvor, klicken Sie auf die Schaltfläche „Änderungen speichern“, wenn Sie fertig sind.

Die Besucher sehen weiterhin die normale, helle Version Ihres WordPress-Blogs oder Ihrer Website. Sie können aber jederzeit in den dunklen Modus wechseln, indem sie auf das Symbol in der unteren rechten Ecke klicken.

Adding dark mode to your WordPress website

Weitere Tipps und Tricks zur Anpassung Ihres Admin-Bereichs finden Sie in diesen Anleitungen:

Wir hoffen, dass dieses Tutorial Ihnen geholfen hat zu lernen, wie Sie den dunklen Modus zu Ihrem WordPress-Dashboard hinzufügen können. Vielleicht interessieren Sie sich auch für unsere Expertenauswahl der besten WordPress-Dashboard-Plugins und unsere Anleitung zum Deaktivieren aller Plugins, wenn wp-admin nicht erreichbar ist.

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

12 KommentareEine Antwort hinterlassen

  1. Syed Balkhi

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk

    Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.

    • WPBeginner Support

      You’re welcome :)

      Admin

  3. Dan

    Thank you.
    This is a workaround plugin, which is not ideal.
    I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
    Ideally, WordPress should add it to its color scheme.

    • WPBeginner Support

      You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.

      Admin

  4. Thia

    Awesome. Just tried the plugin and It’s really cool.

    • WPBeginner Support

      Glad you liked our recommendation!

      Admin

  5. Darlington

    What about how to implement dark mode in the frontend of my wordpress website?

    • WPBeginner Support

      That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.

      Admin

  6. Kuldeep Singh

    Awesome!

    Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for their recommendation first

      Admin

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.