So fügen Sie Ihrer WordPress-Website den Dunkelmodus hinzu (einfache Methode)

Das Hinzufügen des Dunkelmodus zu WordPress-Websites ist zu einem heißen Thema unter unseren Lesern geworden. 🌙

Es geht nicht nur darum, Trends zu folgen. Forschungen zeigen, dass der Dunkelmodus die Augenbelastung für Leser bei Nacht reduzieren und potenziell die Akkulaufzeit von Mobilgeräten verlängern kann.

Während viele Website-Besitzer davon ausgehen, dass dies technisches Fachwissen erfordert, haben moderne WordPress-Tools dies viel zugänglicher gemacht.💡

In diesem Leitfaden teilen wir Ihnen unseren bewährten Weg mit, um den Dunkelmodus in WordPress hinzuzufügen. Wir haben diese Lösung für verschiedene Themes und Setups getestet, um sicherzustellen, dass sie zuverlässig und einfach hinzuzufügen ist.

Warum sollten Sie Ihrer WordPress-Website den Dunkelmodus hinzufügen?

Das Hinzufügen des Dunkelmodus zu Ihrer WordPress-Website bietet Besuchern eine weitere Möglichkeit, Ihre Inhalte anzuzeigen, insbesondere in Umgebungen mit wenig Licht.

Viele Menschen bevorzugen den Dunkelmodus, da er das Lesen nachts angenehmer machen und die Menge an hellem Licht reduzieren kann, das von ihren Bildschirmen ausgeht.

Es ist auch ein beliebtes Feature auf mobilen Geräten, Apps und Websites, was es zu einer vertrauten Erfahrung für Benutzer macht. Hier sind einige der größten Vorteile des Hinzufügens des Dunkelmodus zu WordPress:

• Verbesserter Lesekomfort: Dunkle Hintergründe können die Augen schonen, besonders in schlecht beleuchteten Umgebungen.
• Verbesserte Barrierefreiheit: Der Dunkelmodus bietet eine alternative Anzeigeoption für Benutzer mit Lichtempfindlichkeit oder bestimmten Sehbehinderungen.
• Erfüllen Sie Benutzerpräferenzen: Viele Besucher nutzen bereits den Dunkelmodus auf ihren Handys, Tablets und Computern.
• Schaffen Sie ein modernes Erlebnis: Das Anbieten von Licht- und Dunkelmodus gibt den Benutzern mehr Kontrolle darüber, wie sie Ihre Website durchsuchen.
• Potenziell Akkulaufzeit sparen: Auf einigen Geräten mit OLED-Bildschirmen kann der Dunkelmodus den Stromverbrauch reduzieren.

Durch das Hinzufügen eines Dunkelmodus-Schalters zu Ihrer Website können Besucher jederzeit zwischen hellen und dunklen Themen wechseln, ohne auf Browser-Erweiterungen oder Geräteeinstellungen angewiesen zu sein.

Sie können den Dunkelmodus sogar im WordPress-Adminbereich aktivieren, was die Verwaltung Ihrer Website bei nächtlichen Arbeitssitzungen angenehmer machen kann.

Vor diesem Hintergrund wollen wir uns ansehen, wie Sie Ihrer WordPress-Website den Dunkelmodus hinzufügen können.

Tipp: Möchten Sie ein dunkles Farbschema verwenden, auch wenn das Gerät des Besuchers im normalen oder Tageslichtmodus ist? Dann sehen Sie sich unsere Liste der besten Dark-Mode-Themes für WordPress an.

So fügen Sie Ihrer WordPress-Website den Dunkelmodus hinzu

Der einfachste Weg, einen Dunkelmodus für Ihre Website zu erstellen, ist die Verwendung von WP Dark Mode.

Es ist am besten für Anfänger und vielbeschäftigte Website-Besitzer , die einen professionellen Dunkelmodus-Schalter hinzufügen möchten, ohne eine einzige Codezeile anzufassen. Seine intuitiven Einstellungen und die automatische Implementierung machen es außergewöhnlich benutzerfreundlich.

Sie können mehr darüber in unserem detaillierten WP Dark Mode Testbericht erfahren.

Zuerst müssen Sie das kostenlose WP Dark Mode Plugin installieren und aktivieren. Weitere Details finden Sie in unserer Anleitung, wie man ein WordPress-Plugin installiert.

Besuchen Sie nach der Aktivierung die Seite WP Dark Mode » Einstellungen im WordPress-Dashboard und schalten Sie den Schalter „Frontend-Dunkelmodus aktivieren“ auf „EIN“.

Sobald Sie dies getan haben, können Sie auch einen Standardmodus für das Frontend Ihrer Website über die bereitgestellten Optionen auswählen, z. B. ein Dropdown-Menü oder Radio-Buttons.

Klicken Sie anschließend auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern.

Wechseln Sie als Nächstes zur Registerkarte „Anpassung“, um das Layout, die Größe und die Position des Schalters anzupassen.

Sie können auch die Farbe des Dunkelmodus-Schalters ändern, aber dafür benötigen Sie die Pro-Version des Plugins.

Wenn Sie fertig sind, klicken Sie einfach auf die Schaltfläche „Änderungen speichern“, um Ihre Einstellungen zu speichern. Besuchen Sie nun Ihre WordPress-Website, um den Dunkelmodus-Schalter in Aktion zu sehen.

Sie können Ihre Website auch auf Ihrem Mobilgerät oder Tablet besuchen. So sehen Sie, dass der Dunkelmodus auch auf Mobilgeräten funktioniert.

Dunkelmodus zum Admin-Bereich Ihres WordPress hinzufügen

Sie können das Admin-Farbschema in WordPress ändern, indem Sie die integrierten Einstellungen verwenden. Keines der Standard-Farbschemata reduziert jedoch das weiße Licht, das vom Bildschirm kommt.

Wenn Sie spät abends arbeiten oder unter Augenbelastung leiden, können Sie versuchen, den Dark Mode zum WordPress-Adminbereich und zum Block-Editor hinzuzufügen.

Besuchen Sie dazu die Seite WP Dark Mode » Einstellungen und wechseln Sie in der linken Spalte zur Registerkarte „Admin-Bereich Dunkelmodus“.

Schalten Sie hier den Schalter für die Option „Admin-Dashboard-Dunkelmodus aktivieren“ auf „EIN“ und klicken Sie auf die Schaltfläche „Änderungen speichern“.

Sobald Sie das getan haben, werden Sie feststellen, dass der Dunkelmodus-Schalter oben in Ihrem WordPress-Dashboard vorhanden ist.

Von hier aus können Sie den Schalter umlegen, um diesen Modus jederzeit zu aktivieren.

Wenn Sie auch für den Block-Editor einen Dunkelmodus hinzufügen möchten, müssen Sie den Schalter „Block-Editor Dunkelmodus“ auf „EIN“ stellen.

Klicken Sie dann auf die Schaltfläche „Änderungen speichern“.

Öffnen Sie nun eine Seite oder einen Beitrag im Inhaltseditor. Sie werden ein Dunkelmodus-Symbol oben bemerken. Klicken Sie darauf, um das Dropdown-Menü zu öffnen und wählen Sie die Option 'Dunkelmodus'.

So sieht Ihr Block-Editor im Dark Mode aus.

Video-Tutorial

Wenn Sie keine schriftlichen Anweisungen mögen, dann schauen Sie sich unser Video-Tutorial an:

WPBeginner abonnieren

Häufig gestellte Fragen zum Dark Mode in WordPress

Hier sind einige Fragen, die unsere Leser häufig gestellt haben, bevor sie den Dark Mode in WordPress aktiviert haben:

Hat WordPress einen Nachtmodus?

Nein, WordPress hat keine integrierte Nachtmodus-Funktion für das Frontend Ihrer Website. Um diese Funktionalität hinzuzufügen, müssen Sie ein Plugin wie WP Dark Mode verwenden oder ein bestimmtes Dark-Mode-Theme installieren.

Wie ändere ich das Theme in den Dark Mode?

Der einfachste Weg, Ihr aktuelles Theme in den Dark Mode zu ändern, ist die Installation eines Plugins, das einen Umschalter hinzufügt. Alternativ können Sie zu Darstellung » Themes navigieren und ein Theme aktivieren, das mit einem dunklen Farbschema gestaltet ist.

Was sind die Nachteile des Dark Mode?

Der Hauptnachteil ist, dass der Dunkelmodus in hellen, sonnigen Umgebungen schwer zu lesen sein kann. Darüber hinaus können Standardlogos oder transparente Bilder mit dunklen Elementen auf einem dunklen Hintergrund verschwinden oder verzerrt aussehen.

Welcher Farbmodus ist am besten für die Augen?

Der Dunkelmodus ist bei schlechten Lichtverhältnissen in der Regel am besten für Ihre Augen, da er Blendung und Bildschirmflimmern reduziert. Der helle Modus ist jedoch tagsüber oder in gut beleuchteten Räumen oft besser für die Lesbarkeit und das Textverständnis geeignet.

Kann ich die Farben des Dunkelmodus für die Inhalte meiner Website anpassen?

Ja, die WP Dark Mode Pro-Version bietet umfangreiche Anpassungsoptionen, darunter mehrere Dunkelmodus-Stile, benutzerdefiniertes CSS sowie Bild-/Video-Dunkelmodus-Funktionen. Dies ermöglicht es Ihnen, das Farbschema für Ihre gesamten Website-Inhalte, nicht nur für den Umschalter, fein abzustimmen, um es an Ihre Marke anzupassen.

Was sind einige alternative Dunkelmodus-Plugins für WordPress?

Während WP Dark Mode sehr empfehlenswert ist, da es einfach zu bedienen ist, gehören zu den weiteren beliebten Optionen Dark Mode von WPPOOL (früher Droit Dark Mode), Darklup Lite und Go Dark. Jede bietet verschiedene Funktionen zur Implementierung des Dunkelmodus auf Ihrer WordPress-Website.

Wie viel Prozent der Menschen nutzen den Dunkelmodus?

Studien zeigen, dass ein erheblicher Prozentsatz mobiler Nutzer den Dunkelmodus auf ihren Geräten verwenden oder bevorzugen. Die Unterstützung dieses Modus auf Ihrer Website kommt einem großen Teil der Nutzerpräferenzen entgegen.

Ist ein dunkles Design gesünder für die Augen?

Ja, ein dunkles Design kann gesünder für Ihre Augen sein, da es die Exposition gegenüber grellem blauen Licht minimiert. Diese Reduzierung des blauen Lichts kann helfen, digitale Augenbelastung zu verhindern und kann die Schlafqualität verbessern, wenn Sie Geräte spät in der Nacht verwenden.

Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie den Dunkelmodus zu Ihrer WordPress-Website hinzufügen. Möglicherweise möchten Sie auch unsere Anleitung zur Auswahl eines perfekten Farbschemas für Ihre WordPress-Website sehen oder unsere Expertenauswahl der besten WordPress-Theme-Builder sehen, um Ihre Website anzupassen.

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.