Online Marketing, Gadgets, Affiliate, Verdienen Sie Geld mit Ihren Blogs

So fügen Sie WordPress für Besucher und Benutzer den Dunkelmodus hinzu

So fügen Sie WordPress für Besucher und Benutzer den Dunkelmodus hinzu

Wenn Sie in letzter Zeit die Internettrends verfolgt haben, ist Ihnen vielleicht aufgefallen, dass die meisten beliebten Plattformen einen Dunkelmodus einführen. Wie der Name schon sagt, wird im Vergleich zum herkömmlichen weißen Layout ein dunklerer Hintergrund verwendet.

Nun denken Sie vielleicht, dass dies eine rein kosmetische Änderung ist, aber es gibt einen tatsächlichen Grund, warum dieser Wechsel stattfindet. Und es dient den gesundheitlichen Vorteilen.

Sie sehen, der Dunkelmodus hilft, eine Überanstrengung der Augen zu verhindern.

Normale weiße Hintergründe setzen Ihre Augen blauem Licht aus, was bei längerer Bildschirmzeit (z. B. bei der Arbeit) schädlich sein kann. Auch dunklere Hintergründe können möglich sein helfen Ihnen, nachts zu schlafen wenn vor dem Schlafengehen betrachtet. Und es gibt noch mehr Vorteile, die Sie nutzen können.

Wie zu erwarten ist, können Sie den Dunkelmodus sowohl im Front- als auch im Backend Ihrer WordPress-Website aktivieren.

Dieses Tutorial ist für:
WordPress 6.1.1
Plugin: WP Dark Mode v3.04

So fügen Sie WordPress den Dunkelmodus hinzu

Leider verfügt WordPress nicht über eine native Dunkelmodus-Einstellung. Aber keine Angst. Wie bei den meisten Dingen in WordPress gibt es ein Plugin, das helfen kann.

In diesem Fall ist die WP Dark Mode Das Plugin kann uns dabei helfen, es in wenigen Minuten hinzuzufügen.

Was macht dieses Plugin also? Nun, es fügt den Dunkelmodus hinzu. Sie können es entweder im hinteren oder im vorderen Ende Ihrer Website aktivieren. Sie können Besuchern auch die Wahl lassen, indem Sie eine schwebende Dunkelmodus-Schaltfläche anzeigen.

Es ist keine Codierung erforderlich. Sie müssen es nur installieren und einige Schalter umlegen.

Schritt 1: Installieren Sie den WP Dark Mode

Klicken wir zunächst auf „Plugins“ und wählen Sie im linken Admin-Bereich die Option „Neu hinzufügen“.

Lesen:  So löschen Sie den WhatsApp-Status vor 24 Stunden (iPhone und Android)

Suchen Sie im verfügbaren Suchfeld nach WP Dark Mode. Dadurch werden zusätzliche Plugins aufgerufen, die für Sie hilfreich sein könnten.

Scrollen Sie nach unten, bis Sie das WP Dark Mode-Plugin finden, klicken Sie auf die Schaltfläche „Jetzt installieren“ und aktivieren Sie das Plugin zur Verwendung.

Schritt 2: Aktivieren Sie den Dunkelmodus im Frontend

Nach der Aktivierung dieses Plugins ist auf Ihrer Website im Frontend tatsächlich bereits der Dunkelmodus aktiviert. Sie können dies jedoch ein- oder ausschalten oder die Einstellungen dafür anpassen.

Klicken Sie im linken Admin-Bereich auf WP Dark Mode und wählen Sie die Option Einstellungen.

Standardmäßig sind die Optionen „Frontend Darkmode aktivieren“ und „OS Aware Dark Mode aktivieren“ aktiv. Das bedeutet, dass Benutzer den Dunkelmodus im Frontend Ihrer Website sofort mit einer Schaltfläche umschalten können.

Wenn das Gerät des Benutzers den Dunkelmodus bevorzugt, wird dieser automatisch aktiviert, wenn Besucher Ihre Website besuchen.

Dieses System funktioniert für die meisten Websites gut. Falls Sie den Kippschalter am Frontend jedoch nicht möchten, können Sie die Option „Frontend Darkmode aktivieren“ deaktivieren.

Klicken Sie stattdessen auf Erweiterte Einstellungen.

Die erste Option macht den Dunkelmodus zur Standardoption für Besucher, wenn Sie den Schalter umlegen.

Es ist erwähnenswert, dass Sie eine Reihe weiterer Einstellungen konfigurieren können. Sie können die Dunkelheit des Hintergrunds, der Bilder und nahezu aller anderen Elemente Ihrer Website anpassen. Dies kann erforderlich sein, wenn Ihr Theme keinen weißen Hintergrund verwendet.

Achten Sie darauf, den Benutzereingaben zuzuhören und bei Bedarf Änderungen vorzunehmen.

Das ist wirklich alles für das Frontend Ihrer Website. Werfen wir nun einen Blick auf das Backend.

Schritt 3: Hinzufügen zum Back-End

Standardmäßig ist die Dunkeloption für das Backend deaktiviert. Glücklicherweise müssen Sie nur einen einzigen Schalter betätigen und schon ist die Änderung abgeschlossen. Es ist möglich, alle Frontend-Optionen zu deaktivieren und die Backend-Optionen einfach eingeschaltet zu lassen.

Dies gilt auch in umgekehrter Richtung. Gehen Sie zurück zur Haupteinstellungsseite des Plugins. Suchen Sie den Schalter „Backend Darkmode aktivieren“, schalten Sie ihn ein und speichern Sie dann die Änderungen.

Lesen:  So spielen Sie GTA Definitive Edition Trilogy mit Controller auf dem iPhone

Sobald Sie die Änderungen gespeichert haben, befindet sich Ihr Bildschirm nun im Dunkelmodus, ebenso wie der Rest des Backends. Die einzige Ausnahme wird der Gutenberg-Editor sein. Es gibt jedoch tatsächlich eine Option zum Aktivieren in Gutenberg, und sie ist standardmäßig aktiviert.

Es handelt sich jedoch um eine Umschaltoption, die Sie in Gutenberg manuell auswählen müssen. Die gute Nachricht ist, dass Ihre Auswahl gespeichert wird, sodass Sie sie nur einmal auswählen müssen. Bearbeiten Sie einen beliebigen Beitrag oder eine beliebige Seite, um Zugriff auf Gutenberg zu erhalten.

Wählen Sie dort im Dropdown-Menü den Dunklen Modus aus.

Das war's, Sie haben es jetzt in Gutenberg aktiviert.

Wie Sie sehen, ist das Plugin wirklich einfach einzurichten und lässt allen Benutzern die Wahl, ob sie es aktivieren möchten. Natürlich müssen einige Designelemente im Frontend noch weiter angepasst werden, daher hängen die Einstellungen wirklich vom Design Ihrer Website ab.

Herzlichen Glückwunsch zur Installation und Einrichtung des WP Dark Mode auf Ihrer WordPress-Website.

Erwägen Sie, Ihre Website rund um den Darkmode zu gestalten

Heutzutage basieren viele Websites tatsächlich auf dem Dark Mode. Tatsächlich verwenden sie es als Ausgangspunkt für ihre Website, weil viele Benutzer es aus ästhetischen Gründen einer helleren Ansicht vorziehen. Und es kann je nach Art Ihrer Website eine gute Entscheidung sein.

Die eigentliche Frage ist also, welche Gestaltungsmöglichkeiten Sie berücksichtigen müssen.

Das allererste, was Sie bedenken sollten, ist, dass dunkel zu dunkel ist. Die meisten Plugins bieten Ihnen die Möglichkeit, den Grad der Dunkelheit festzulegen. Und das Internet stimmt zu: Gehen Sie bei der Auswahl niemals völlig schwarz vor.

Es ist einfach zu dunkel und kann das Seherlebnis negativ beeinflussen. Das Gleiche gilt natürlich auch für Texte. Gehen Sie nicht zu reinem Weiß. Sie müssen für jeden die richtigen Farbtöne finden.

Wenn Sie als Text nicht Weiß verwenden, achten Sie natürlich darauf, dunklere Farben zu vermeiden, da diese schwer lesbar sein können.

Lesen:  6 Schritte zum Aufbau eines boomenden Technologieunternehmens

Einer der größten Fehler, den ich bei dunklen Modi sehe, besteht darin, dass Websites versuchen, ihre Markenfarben zum Funktionieren zu zwingen. Nicht alle Markenfarben funktionieren im Dunkelmodus, und in solchen Situationen ist es eine gute Designstrategie, eine andere Variante dieser Farbe auszuwählen.

Eine weitere Überlegung sollte sein, wie sich der Dunkelmodus auf die Vertrauenswürdigkeit Ihrer Website auswirkt.

Nun denken Sie vielleicht, dass es lächerlich ist, dass sich jemand auf einer dunklen Website unsicher fühlt, aber das stimmt tatsächlich. Und wenn Sie mir nicht glauben, schauen Sie auf Ihrer Banking-Website oder -App nach. Aufgrund dieser Wahrnehmung verwenden sie keinen Dunkelmodus.

Es ist auch zu bedenken, dass ein dunkler Modus manchmal nicht zum Vibe der Website passt. Wenn Sie an eine Gesundheits- oder Fitness-Website denken, sollte diese lebendig sein und zur Aktivität anregen. Der dunklere Hintergrund tut dies nicht und kann sogar als düster empfunden werden.

Und das ist wirklich nur ein Kratzer an der Oberfläche. Viele Plattformen behandeln den Dark Mode als das Entwerfen einer völlig neuen Website.

Geben Sie Benutzern die Wahl

Wie Sie sehen, ist es einfach, WordPress eine dunkle Ansicht hinzuzufügen, aber es ist wichtig, den Benutzern die Wahl zu lassen. Seien wir ehrlich: Viele Benutzer mögen keine Änderungen und radikale Designänderungen können einige Benutzer abschrecken.

Daher ist es immer eine gute Richtlinie, diese Option zu einer Option zu machen, die Benutzer ein- oder ausschalten müssen. Nehmen Sie sich einfach die Zeit, die Benutzer über diese Optionen zu informieren und darüber, wo sie sie finden können.

Fanden Sie das Plugin einfach zu verwenden? Bevorzugen Sie die Anzeige von Seiten mit hellem oder dunklerem Hintergrund?