Wie kann man den WordPress Dark Mode ohne Programmierkenntnisse einstellen?

Aktivieren des WordPress-Dunkelmodus ohne Codierung

Heutzutage bieten immer mehr Webseiten ihren Zuschauern die Möglichkeit, zwischen Lichtmodus und Dunkelmodus zu wählen, um nur einige zu nennen, Facebook, Twitter, und YouTube haben ihren Nutzern bereits die Einstellungen für den Dunkelmodus vorgestellt.

In diesem Beitrag erhalten Sie Informationen zum Front-End-Dunkelmodus. Aber was ist, wenn Sie den Dunkelmodus in WordPress Dashboard einstellen möchten? besuchen Dunkler Modus des WordPress-Dashboards und mehr darüber erfahren.

Der Dark Mode erfreut sich seit geraumer Zeit großer Beliebtheit bei den Nutzern, dem Trend entsprechend fragen viele WordPress Nutzer nach dem Dark Mode Also, es ist natürlich, dass du deiner WordPress Seite den Dark Mode hinzufügen möchtest Und jetzt, wo du diesen Artikel bereits liest, wirst du bald wissen, wie du mit einem Klick den Dark Mode von WordPress einstellst.

Inhaltsverzeichnis

Fügen Sie einen Header hinzu, um mit der Generierung des Inhaltsverzeichnisses zu beginnen

Was ist der dunkle Modus?

Der Dark Mode ist eine Anzeigeeinstellung für Benutzeroberflächen, wie Laptops oder Smartphones, während es verschiedene Farben und Farbtöne gibt, werden in diesem Modus keine dunklen Texte vor einem weißen Bildschirm angezeigt Stattdessen präsentiert ein dunkler oder schwarzer Hintergrund helle Texte und Oberflächenelemente darüber.

Der Dark Mode ist unter einigen weiteren Namen bekannt, wie Dark Theme, Black Mode, Hell-in-Dunkel, Nachtmodus, viele Betriebssysteme bieten ihren Nutzern außer Browsern, Smartphones etc. den Dark Mode an.

Die allgemeine Idee des Dark Mode ist, dass er das emittierte Licht von Gerätebildschirmen reduziert und gleichzeitig die absoluten minimalen Farbkontrastverhältnisse beibehält, die erforderlich sind, damit die Schnittstellenelemente lesbar sind. Die Idee ist jedoch nichts Neues. Tatsächlich ist der Dark Mode um ein paar Jahrzehnte älter als der Light Mode. Mit dem Fortschritt der Technologie kam das Light-Thema. Und lustigerweise hat derselbe Fortschritt das Interesse des Benutzers am Dark Mode wieder zum Leben erweckt.

Warum ist der dunkle Modus notwendig?

Es gibt gewisse Vorteile, die der Dark Mode bieten kann Sie sind wie folgt:

Reduzierter Energieverbrauch

Ein am häufigsten anerkannter wissenschaftlicher Vorteil des Dunkelmodus besteht darin, dass er den Energieverbrauch mit AMOLED- und OLED-Displays reduziert.

Auf OLED - und AMOLED-Panels leuchtet jedes Pixel einzeln, im Lichtmodus leuchten alle Pixel auf, und wiederum fordert das Display mehr Stromeingabe, im Dunkelmodus brauchen jedoch nicht alle Pixel zu leuchten Dadurch verlangt das Display nicht so viel Stromeingabe wie im Lichtmodus.

Allerdings können nur OLED- und AMOLED-Displays die Stromsparoption aus dem Dark Mode genießen.

Reduzierte Blaulichtemission

Blaues Licht ist ein sichtbares Lichtspektrum mit hoher Energie, das die kürzeste Wellenlänge hat Laut Experten kann eine übermäßige Einwirkung von blauem Licht dazu führen, dass Ihr Körper weniger Melatonin absondern Melatonin spielt eine entscheidende Rolle, um Ihnen den richtigen Schlaf zu ermöglichen.

Die Sonne ist die bedeutendste Quelle für blaues Licht. Die Geräte, die Sie verwenden, scheiden jedoch auch Spuren von blauem Licht aus. Wenn Sie jedoch den Dunkelmodus verwenden, wird das schädliche blaue Licht unterbrochen, was Ihnen einen erholsameren Schlaf gewährleistet.

Besser für Low-Light-Einstellungen

Der Dark Mode eignet sich eher für eine Low-Light-Einstellung, wie im Bett oder einem Kinosaal, auf diese Weise wird es, selbst wenn Sie Ihre Geräte benutzen, andere Menschen nicht unbeabsichtigt stören.

Wie richte ich den Dark Mode ein?

WordPress ist mit einem Admin-Farbschema ausgestattet. Allerdings reduziert keines der Standardlayouts das weiße Licht, das vom Bildschirm kommt. Aber keine Sorge, denn es gibt eine Möglichkeit, den Dark Mode auf Ihrer WordPress-Website einzurichten. Sie können den Dark Mode auf Ihrer WordPress-Website über ein Plugin einrichten. Zunächst müssen Sie den installieren und aktivieren WordPress Dark Mode Plugin. Sie finden es direkt im WordPress Plugin Verzeichnis Sie können das Verzeichnis durch das Admin Dashboard im Bereich Plugins aufrufen.

WordPress-Plugins im dunklen Modus

So fügen Sie Ihrer WordPress-Website mithilfe eines Plugins den Dark Mode hinzu

Zunächst müssen Sie das WordPress Dark Mode-Plugin installieren und aktivieren. Wir werden das verwenden Blackout: Widget im dunklen Modus Zu diesem Artikel Du findest es direkt im WordPress Plugin Verzeichnis, Du kannst das Verzeichnis durch das Admin Dashboard im Bereich Plugins aufrufen.

Installieren Sie das Blackout Dark Mode Plugin

Nachdem Sie es installiert haben, müssen Sie das Plugin für den dunklen Modus aktivieren, Greifen Sie bei der Aktivierung auf Ihr WordPress-Admin-Dashboard zu Klicken Sie auf die Option Einstellungen von Ihrem Admin-Board aus Wählen Sie im Flyout-Menü das Blackout-Menü.

Blackout Dark Mode Plugin Optionen

Sie sehen verschiedene Optionen Von dort klicken Sie auf die Schaltfläche OS Aware Dark Mode aktivieren, sobald diese aktiviert ist, können die Besucher die Nachtmodusversion Ihrer WordPress-Seite sehen, wenn ihr Gerät eine Einstellung für den dunklen Modus hat.

Um die Option, in den Dunkelmodus zu wechseln, wann immer sie möchten, verfügbar zu machen, finden Sie die Option Schwebender Schalter anzeigen Klicken Sie auf die Schaltfläche, um sie zu aktivieren. Das bedeutet, dass der Benutzer unabhängig von der Benutzeroberflächeneinstellung in den Dunkelmodus wechseln kann, wenn er auf Ihrer Website ist.

WordPress-Seite im Lichtmodus
WordPress-Seite im dunklen Modus

Es stehen noch viele weitere Möglichkeiten zur Verfügung, so können Sie z.B. die Farben des dunklen Modus wählen, Ihre Floating-Switch-Stile anpassen, und viele mehr. Allerdings steht Ihnen mit der kostenlosen Version nur ein Teil aller Optionen zur Verfügung, wenn Sie Ihre Aufgaben beendet haben, klicken Sie auf den Button Änderungen speichern, um Ihre Einstellungen zu speichern.

Um nun sicher zu gehen, dass das Plugin reibungslos funktioniert, machen Sie einen Testlauf, um zu sehen, ob alles klappt Sie können auch beheben, wo Ihr schwebender Schalter auf dem Bildschirm eines Benutzers angezeigt wird.

So fügen Sie dem WordPress-Admin den Dark Mode hinzu

WordPress bietet verschiedene Admin-Farbschemata. Allerdings kann keines der Standard-Farbschemata die Emission von weißem Licht von Ihrem Bildschirm trotz ihrer Unterschiede reduzieren. Glücklicherweise kümmert sich dieses Dark-Mode-Plugin auch um dieses Problem.

Hierfür müssen Sie erneut das Menü Einstellungen aufrufen, von dort aus müssen Sie die Blackout-Seite eingeben und auf den Reiter Allgemeine Einstellungen klicken, Sie sehen eine Option, mit der Sie wählen können, ob Sie den dunklen Backend-Modus aktivieren können Schalten Sie diese Option ein und speichern Sie die vorgenommenen Änderungen, indem Sie auf den Knopf Einstellungen speichern am Ende der Seite klicken.

Nachdem Sie den dunklen Backend-Modus aktiviert haben, sollten Sie in der oberen Leiste Ihres Admin-Panels einen neuen Schalter sehen, wenn Sie den dunklen Modus aktivieren möchten, klicken Sie auf den Button und schalten Sie ihn auf die Einstellung für den dunklen Modus. Am besten wäre es jedoch, den dunklen Modus nur dann zu verwenden, wenn Sie sich in einer dunklen Umgebung befinden, um Ihre Augen besser zu pflegen.

Beachten Sie, dass der Dark Mode nicht zu den Admin-Farbschemata gehört, die WordPress bereitstellt, also können Sie, selbst wenn Sie die Einstellung Dark Mode verwenden, ohne Schwierigkeiten eines der Admin-Farbschemata von WordPress daneben verwenden, um dies festzulegen, klicken Sie auf die Option Benutzer und gehen Sie über das Flyout-Menü auf die Profilseite. Klicken Sie von dieser Seite aus auf eine Option unter der Seite Admin Color Scheme.

Sie müssen jedoch den Dunkelmodus ausschalten, um die andere Option für das Admin-Farbschema zu bemerken.

Einwickelnd

Das Hinzufügen des Dark-Modus zu Ihrer WordPress-Site fügt Ihrer Site eine schöne zusätzliche Funktion hinzu. Aber das ist nicht alles, was es tut. Es verbessert auch die Zugänglichkeit und Erfahrung der Benutzer. Mit seiner zunehmenden Beliebtheit sollte die Einführung des Dark-Modus auf Ihrer WordPress-Site den Traffic Ihrer Site erhöhen.

Nachdem Sie nun am Ende dieses Artikels angelangt sind, hoffen wir, dass Sie nun wissen, wie Sie mit einem Klick den WordPress-Dunkelmodus einstellen können. Und jetzt können Sie den Nachtmodus auf Ihrer Website einführen und das Benutzererlebnis verbessern.

Bild von Roy Jemee
Roy Jemee
Ich bin Roy Jemee, Content Wrangler und Marketer bei Pixar Labs, arbeite an Master Addons für Elementor, ich schreibe die Tutorials, nehme die Videos auf, halte die Dokumentation aktuell, so dass man immer weiß, wie man jede Funktion nutzt Ich handhabe auch den Support, also wenn man einen Haken schlägt, bin ich die Person, die einem hilft, das zu beheben Echte Antworten, von jemandem, der diese Tools täglich benutzt.
September Verkauf

40% Aus allem

Jeder Master Addons Pro Plan, jährlich und lebenslang Ein Code, acht Tage.

00Tagen
00hrs
00Min
00Sek

Endet Montag, 14. September, 23:59 Uhr ET

  • Persönliche1 Website 129 $77 $
  • Geschäft5 Standorte 199 $119 $
  • EntwicklerUnbegrenzte SeitenAm besten für Agenturen 599 $359 $

Einmal zahlen Keine Verlängerung, nie.

Gutscheincode MALIFE40
Jetzt 40% Rabatt sichern
  • 30.000+ aktive Installationen
  • 4,5/5 aus 212 Bewertungen
  • 14-tägiges Geld zurück