Untersuchungen<\/a> bei der Nutzung von Smartphones zeigen, dass es bei der Nutzung eines Dark Modes auf OLED Bildschirmen zu einer Batterie-Einsparung von fast 10 % kommen kann. Mit solchen Statistiken zeigt sich, dass ein Dark Mode minimal zu einem umweltfreundlicheren Internet beitr\u00e4gt.<\/p>\n\n\n\nEs gibt noch weitere Vorteile, wie beispielsweise eine verbesserte Konzentration und mehr, aber wir wollen hier ja nicht zu weit abschweifen.<\/p>\n\n\n\n
Nachteile des Dark Mode in WordPress<\/h2>\n\n\n\n
Es gibt kein Licht ohne Schatten (see what I did there?) und auch der Dark Mode hat einige Nachteile, die man nicht vergessen sollte:<\/p>\n\n\n\n
Aufwand bei der Einrichtung<\/h3>\n\n\n\n
W\u00e4hrend uns Plugins wie das hier vorgestellte WP Dark Mode die grundlegende Einrichtung einer Dark Mode Funktion sehr einfach machen, liegt der Teufel im Detail.<\/p>\n\n\n\n
Zun\u00e4chst einmal musst du deine Website nach der Einrichtung des Dark Modes ausf\u00fchrlich testen, damit alle Elemente ordentlich angezeigt werden und die Texte lesbar sind. Je nachdem, welchen PageBuilder du nutzt oder welche Farben du einsetzt, kann durch den erstellten Dark Mode schnell mal Text nicht lesbar sein, Farben k\u00f6nnen in ungewollte Farbt\u00f6ne ge\u00e4ndert werden und weiteres.<\/p>\n\n\n\n
Die Nachbearbeitung per CSS kann, je nach Umfang der Website und je nachdem, wie gut der Dark Mode von Haus aus funktioniert, einige Stunden in Anspruch nehmen.<\/p>\n\n\n\n
Erfordert ein Gef\u00fchl f\u00fcr Design<\/h3>\n\n\n\n
Die durch Plugins automatisch erstellten Dark Modes sehen meistens an vielen Stellen ganz gut aus und werden auch in der Regel sauber umgesetzt.<\/p>\n\n\n\n
Wenn du aber nacharbeiten musst, ist es wichtig, dass du dich mit Design auskennst.<\/p>\n\n\n\n
Du solltest zum Beispiel wissen, dass man im Dark Mode nicht einfach einen komplett schwarzen Hintergrund w\u00e4hlt und darauf eine ganz wei\u00dfe Schrift klatscht. Das sorgt f\u00fcr einen zu starken Kontrast und ist anstrengend f\u00fcr die Augen.<\/p>\n\n\n\n
Stattdessen setzt man eher dunkles Grau oder Blau als Hintergrund ein und nutzt f\u00fcr die Schriftfarbe ein ganz leicht abgedunkeltes Wei\u00df.<\/p>\n\n\n\n
Fazit<\/h2>\n\n\n\n
Mit dem Dark Mode kannst du deine WordPress Website sehr modern gestalten und es deinen Seitenbesuchern erm\u00f6glichen, im dunklen Design ihre Augen zu schonen.<\/p>\n\n\n\n
Dank Plugins wie dem vorgestellten WP Dark Mode wird dir die Einrichtung erleichtert und ein Gro\u00dfteil des Dark Modes komplett automatisch umgesetzt.<\/p>\n\n\n\n
Trotzdem solltest du ein wenig Erfahrung mit Webdesign mitbringen, da du in den meisten F\u00e4llen nacharbeiten musst, um alle Elemente dem Dark Mode anzupassen und alles ordentlich lesbar zu machen.<\/p>\n\n\n\n
Wie stehst du zum Dark Design? Bietest du auf deiner Website eine M\u00f6glichkeit zum Umschalten auf das dunkle Design an?<\/p>\n","protected":false},"excerpt":{"rendered":"
Den Dark Mode kennen wir mittlerweile von jedem Smartphone und auch Desktop Ger\u00e4ten. Er ist<\/p>\n","protected":false},"author":1,"featured_media":24968,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[78],"tags":[],"class_list":["post-24905","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-plugins","generate-columns","tablet-grid-50","mobile-grid-100","grid-parent","grid-33"],"acf":[],"_links":{"self":[{"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/posts\/24905","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/comments?post=24905"}],"version-history":[{"count":0,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/posts\/24905\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/media\/24968"}],"wp:attachment":[{"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/media?parent=24905"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/categories?post=24905"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/wp-ninjas.de\/wp-json\/wp\/v2\/tags?post=24905"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"Dark](\"https:\/\/wp-ninjas.de\/wp-content\/uploads\/2023\/12\/dark-mode-vorher.jpg\")