Möchten Sie den Dunkelmodus zu Ihrem hinzufügen Webseite WordPress?

Viele Geräte verfügen jetzt über native Unterstützung für den Dunkelmodus. Hinzufügen dieses Modus zu Ihrem Website Passt Ihr Design automatisch an die Browserpräferenzen Ihrer Benutzer an. Sie können Ihrem Gerät sogar einen Schalter hinzufügen Webseite um dorthin zu wechseln.

In diesem Artikel zeigen wir Ihnen, wie Sie Ihrer WordPress-Website sowohl im Frontend als auch im Admin-Bereich auf einfache Weise einen dunklen Modus hinzufügen können.

Aber vorher, wenn Sie WordPress Discover noch nie installiert haben Wie man ein Wordpress-Blog 7 Schritte für die Installation et Wie finden, zu installieren und ein Wordpress-Theme auf Ihrem Blog aktivieren 

Dann zurück zu warum wir hier sind.

Was ist der Dunkelmodus und warum sollte er Ihrer Website hinzugefügt werden?

Der Dunkelmodus wird auf Mobilgeräten und Computern verwendet, um die Menge an weißem Licht auf dem Bildschirm zu reduzieren.

Einige Geräte verfügen über einen Nachtmodus, der stattdessen wärmere Farbtöne verwendet. Der Dunkelmodus verfolgt einen anderen Ansatz, indem dem Hintergrund dunkle Farben hinzugefügt werden.

Wenn Sie ein iPhone oder Android-Gerät haben, können Sie möglicherweise einfach mit einem Schalter in den Dunkelmodus wechseln.

Alternativ können Sie auf Ihrem Computer Websites im dunklen Modus mit einer Chrome-Erweiterung wie Night Eye anzeigen. So sieht der Blog-Bereich von BlogPasCher mit dieser Erweiterung aus:

Blogpascher-Dunkelmodus

Durch Hinzufügen eines Dunkelmodus zu Ihrer Website können Benutzer den Dunkelmodus beim Anzeigen Ihrer Website ein- und ausschalten. Außerdem haben Sie mehr Kontrolle darüber, wie Ihre Website im Dunkelmodus angezeigt wird.

Beliebte Websites wie YouTube bieten auch ein dunkles Farbschema an. Auf diese Weise können Benutzer spät abends Videos mit einer komfortableren Erfahrung ansehen.

Youtube Dark Mode

Neben dem Hinzufügen des Dunkelmodus zu Ihrem Website-Frontend können Sie Ihrem WordPress-Administrationsbereich auch den Dunkelmodus hinzufügen. Dies kann nützlich sein, wenn Sie abends oder nachts an Ihrer Website arbeiten.

Schauen wir uns zunächst an, wie Sie Ihrer WordPress-Website den Dunkelmodus hinzufügen. Als Nächstes behandeln wir das Hinzufügen des Dunkelmodus zu Ihrem WordPress-Dashboard.

Tipp: Möchten Sie eine Website mit einem dunklen Farbschema, auch wenn sich das Gerät des Benutzers im Normal- oder Tagesmodus befindet? Schauen Sie sich also unsere Liste an beste dunkle Themen für WordPress.

Hinzufügen des dunklen Modus zu Ihrer WordPress-Website

Zunächst müssen Sie das Plugin installieren und aktivieren WP-Dunkelmodus. Weitere Informationen finden Sie in unserer Schritt-für-Schritt-Anleitung unter wie man ein WordPress Plugin installiert.

Gehen Sie nach der Aktivierung zur Seite Einstellungen »WP Dark Mode Klicken Sie im WordPress-Dashboard auf die Registerkarte Allgemeine Einstellungen. Sie sollten dort automatisch umgeleitet werden.

Hier der Parameter 'Aktivieren Sie den OS-fähigen Dunkelmodus' wurde für Sie freigeschaltet. Dies bedeutet, dass die Besucher sehen automatisch die Dunkelmodus-Version Ihrer Website, wenn ihr Gerät auf Dunkelmodus eingestellt ist.

Der Parameter 'Schwimmschalter anzeigen'wurde ebenfalls aktiviert. Dies bedeutet, dass Benutzer ihre Website jederzeit in den Dunkelmodus schalten können, auch wenn sie auf ihrem Gerät keine Dunkelmodusoption aktiviert haben.

Wordpress WP Dark Mode Plugin

Besuchen Sie einfach Ihre Website und Sie sehen den Schalter in der unteren rechten Ecke. Klicken Sie darauf, um Ihre Website auf Ihrem Gerät sofort in den Dunkelmodus zu schalten:

Vorschau der Website im dunklen Modus

Auf der Seite stehen weitere Anpassungsoptionen zur Verfügung Einstellungen »WP Dark Mode. Diese sind jedoch mit der kostenlosen Version recht begrenzt.

Zum Beispiel müssen Sie nur auf die Registerkarte klicken Display-Einstellungen So ändern Sie den Stil des schwebenden Schalters:

Passen Sie das Erscheinungsbild an, um den Dunkelmodus umzuschalten

Sie können die Farben des Dunkelmodus auch über die Registerkarte anpassen Style Einstellungen :

Anpassen des Erscheinungsbilds Umschalten des Dunkelmodus 1

Stellen Sie sicher, dass Sie auf die Schaltfläche klicken Einstellungen speichern um die Einstellungen nach Änderungen zu speichern.

Hinweis: Mit der kostenlosen Version dieses Plugins erhalten Sie nur die ersten beiden Arten von Floating Switches und die ersten beiden Farbvoreinstellungen.

Die Pro-Version bietet neben der Möglichkeit, den Dunkelmodus zu bestimmten Zeiten zu aktivieren und benutzerdefinierten CSS-Code hinzuzufügen, viele weitere Gestaltungsoptionen.

Hinzufügen eines dunklen Modus zum WordPress-Dashboard

WordPress enthält Farbschemata für den Administrationsbereich, aber keines der Standardfarbschemata reduziert das weiße Licht, das von Ihrem Bildschirm kommt. Glücklicherweise löst dieses Plugin dieses Problem.

Lassen Sie uns einen Blick darauf werfen, wie Sie Ihrem WordPress-Administrationsbereich für ganz einfach den dunklen Modus hinzufügen können eine Benutzererfahrung schöner in den späten Stunden.

Sie müssen nur zur Seite gehen Einstellungen »WP Dark Mode und klicken Sie auf die Registerkarte Allgemeine Einstellungen. Dann den Schalter umlegen 'Aktivieren Sie den Backend-Darkmode'. Vergessen Sie nicht, auf die Schaltfläche zu klicken Einstellungen speichern am Ende der Seite:

Passen Sie das Erscheinungsbild des Dashboards im dunklen Modus an

In der oberen Leiste Ihres Administrationsbereichs wird nun ein neuer Schalter angezeigt:

Klicken Sie einfach auf diesen Schalter, um Ihren Administrationsbereich sofort in den Dunkelmodus zu schalten.

Anpassen des Erscheinungsbilds des Dashboards im dunklen Modus 1

Tipp: Wenn Ihre Website mehrere hat WordPress-Benutzerkann jede Person nach Belieben in den Dunkelmodus wechseln.

Schon seit 'Dunkler Modus'ist kein Admin-Farbschema, Sie können es problemlos mit einem vorhandenen WordPress-Admin-Farbschema verwenden. Um dies zu definieren, gehen Sie einfach zu  Benutzer »Profil und klicken Sie unter Admin-Farbschema auf eine Option.

Beachten Sie, dass Sie den Dunkelmodus deaktivieren müssen, um die Optionen für das Administratorfarbschema anzuzeigen:

Anpassen des Erscheinungsbilds des Dashboards im dunklen Modus 2

Beim Schreiben eines Beitrags in WordPress-Blockeditorkönnen Sie auch in den Dunkelmodus wechseln. Klicken Sie oben links auf das kleine Farbsymbol und wählen Sie den gewünschten Modus aus:

Blockeditor im dunklen Modus

Jetzt können Sie nachts bequem auf Ihrer Website schreiben und arbeiten, ohne Ihre Augen zu belasten.

Andere empfohlene Ressourcen

Wir laden Sie auch ein, die zu konsultieren Ressourcen unten, um mehr Eigenverantwortung und Kontrolle über Ihre Website und Ihren Blog zu übernehmen.

Zusammenfassung

Hier ist ! Das war's für diesen Leitfaden. Wir hoffen, dieser Artikel hat Ihnen geholfen zu lernen, wie Sie Ihrer WordPress-Website den dunklen Modus hinzufügen können. Sie können auch unseren Artikel über lesen 9 Wordpress-Plugins Armaturenbrett anpassen.

Sie können jedoch auch unsere RessourcenWenn Sie mehr Elemente benötigen, um Ihre Projekte zur Erstellung von Internetseiten durchzuführen, konsultieren Sie unseren Leitfaden auf der WordPress-Blog-Erstellung oder der eine auf Divi: das beste WordPress-Theme aller Zeiten.

Wenn Sie einen Freund oder einen Kommentar haben, lassen Sie ihn bitte im Abschnitt Kommentar. Meistens Teile diesen Artikel in deinen verschiedenen sozialen Netzwerken.

...