Chcesz dodać tryb ciemny do twojej witryny WordPress?
Dodając tryb ciemny do WordPressa, twoja witryna internetowa dostosuje się automatycznie w oparciu o preferencje przeglądarki odwiedzającego. Możesz również dodać przełącznik trybu ciemnego do swojej witryny, aby odwiedzający mogli łatwo przełączać się między trybem ciemnym i jasnym.
W tym artykule pokażemy, jak łatwo dodać tryb ciemny do twojej witryny internetowej WordPress.
Czym jest tryb ciemny i dlaczego warto dodać go do twojej witryny internetowej?
Wiele urządzeń mobilnych i komputerów korzysta z trybu ciemnego, aby zminimalizować ilość białego światła pochodzącego z ekranu. Może to zmniejszyć zmęczenie oczu, szczególnie w warunkach słabego oświetlenia.
Niektórzy uważają nawet, że pozwala to na korzystanie z komputerów i urządzeń mobilnych do późnych godzin nocnych bez białego i niebieskiego światła rujnującego twój sen.
Niektóre urządzenia mają wbudowany tryb nocny, który po prostu wykorzystuje cieplejsze odcienie kolorów. Tryb ciemny dodaje jednak ciemne kolory do tła urządzenia.
Niektóre popularne witryny internetowe, takie jak YouTube, oferują wbudowany ciemny schemat kolorów.
Na komputerach stacjonarnych można przechodzić na witryny internetowe w trybie ciemnym, korzystając z rozszerzenia Chrome, takiego jak Night Eye.
Oto jak wygląda witryna internetowa WPBeginner przy użyciu tego rozszerzenia:
Dodając przełącznik trybu ciemnego do twojej witryny internetowej, użytkownicy mogą wybrać preferowany tryb bez konieczności instalowania specjalnego rozszerzenia przeglądarki.
Możesz nawet dodać tryb ciemny do twojego obszaru administracyjnego WordPress. Może to być przydatne, jeśli pracujesz na swojej witrynie w nocy lub jeśli cierpisz na zmęczenie oczu.
Mając to na uwadze, zobaczmy, jak dodać tryb ciemny do publicznego interfejsu twojej witryny internetowej i obszaru administracyjnego witryny WordPress.
Wskazówka: Chcesz używać ciemnego schematu kolorów, nawet gdy urządzenie odwiedzającego jest w trybie normalnym lub dziennym? W takim razie sprawdź naszą listę najlepszych ciemnych motywów dla WordPress.
Film instruktażowy
Jeśli wolisz pisemne instrukcje, czytaj dalej.
Jak dodać tryb ciemny do twojej witryny internetowej WordPress?
Najprostszym sposobem na stworzenie trybu ciemnego dla twojej witryny internetowej jest użycie WP Dark Mode. Ta wtyczka dodaje przełącznik, dzięki któremu odwiedzający mogą włączać tryb ciemny na twojej witrynie internetowej. Może nawet dodać przełącznik do obszaru administracyjnego, dzięki czemu można włączyć tryb ciemny dla kokpitu WordPress.
Możesz dowiedzieć się więcej o wtyczce w naszej szczegółowej recenzji WP Dark Mode.
Najpierw musisz zainstalować i włączyć wtyczkę WP Dark Mode. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem na temat instalacji wtyczki WordPress.
Po włączaniu, przejdź na stronę WP Dark Mode ” Settings z kokpitu WordPress i przełącz przełącznik „Enable Frontend Dark Mode” na „ON”.
Gdy to zrobisz, możesz również wybrać domyślny tryb dla frontendu twojej witryny internetowej. Następnie kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia.
Następnie przejdź do karty „Konfigurator”, gdzie możesz wybrać układ, rozmiar i położenie przełącznika zgodnie z twoimi upodobaniami.
Można również zmienić kolor przełącznika trybu ciemnego, ale do tego potrzebna jest wersja pro wtyczki.
Po zakończeniu kliknij przycisk „Zapisz zmiany”, aby zapisać twoje ustawienia. Teraz przejdź na twoją witrynę WordPress, aby zobaczyć przełącznik trybu ciemnego w działaniu.
Jeśli zobaczysz mobilną wersję twojej witryny internetowej, zobaczysz, że tryb ciemny działa również na smartfonach i tabletach.
Dodanie trybu ciemnego do twojego obszaruadministracyjnego WordPressa
Możesz zmienić schemat kolorów administratora w WordPressie za pomocą wbudowanych ustawień. Jednak żaden z domyślnych schematów kolorów nie redukuje białego światła padającego z ekranu.
Jeśli pracujesz do późnych godzin wieczornych lub cierpisz na zmęczenie oczu, możesz spróbować dodać tryb ciemny do obszaru administracyjnego WordPress i edytora bloków.
Aby to zrobić, przejdź na stronę WP Dark Mode ” Settings i przełącz się na kartę „Admin Panel Dark Mode” z lewej kolumny.
W tym miejscu przełącz przełącznik opcji „Włącz tryb ciemny kokpitu administratora” na „ON” i kliknij przycisk „Zapisz zmiany”.
Gdy to zrobisz, zauważysz, że przełącznik trybu ciemnego znalazł się w górnej części twojego kokpitu WordPress.
Z tego miejsca można przełączać przełącznik, aby włączać ten tryb w dowolnym momencie.
Jeśli chcesz dodać tryb ciemny również dla edytora blok ów, musisz przełączyć przełącznik „Tryb ciemny edytora bloków” na „WŁ.”.
Następnie kliknij przycisk „Zapisz zmiany”.
Teraz otwórz stronę lub wpis w edytorze treści, gdzie u góry zauważysz ikonkę trybu ciemnego. Kliknij ją, aby rozwinąć kartę i wybrać opcję „Tryb ciemny”.
Tak będzie wyglądał twój edytor bloków w trybie ciemnym.
Mamy nadzieję, że ten artykuł pomógł ci dowiedzieć się, jak dodać tryb ciemny do twojej witryny internetowej WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia strony docelowej w WordPress lub zobaczyć nasze wybory ekspertów dotyczące niezbędnych wtyczek WordPress.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Oreofe Oyebamiji says
Great info. I really love the plug-in and easy to use
WPBeginner Support says
Glad you found it helpful!
Administrator
Kurt says
I generally prefer dark modes in apps that support it. Thank you for this great tip.
WPBeginner Support says
Glad we could share this option
Administrator
Iponk says
wow…nice info, thanks
WPBeginner Support says
You’re welcome, glad our guide was helpful
Administrator
Agung says
This is wonderful. Thanks I’ll try it!
WPBeginner Support says
Glad our guide was helpful
Administrator
Bryan Durio says
This is a fantastic plugin to save people’s eyes. I’ve used dark color schemes in Windows for years and now I can add it to my WP site. I appreciate your explanation of a few of its options. Thank you profusely!
WPBeginner Support says
Glad you found our guide helpful
Administrator
Richard hickman says
What does this feature do to Accessibility requirements?
WPBeginner Support says
It would depend on the specific accessibility requirements you are attempting to comply with for if this does anything or not.
Administrator
Richard Mayowa says
It is just too awesome possibility
WPBeginner Support says
Glad you like the available option
Administrator
Jennifer C. Valerie says
This is awesome. Thanks!
WPBeginner Support says
You’re welcome
Administrator
Adarsh Gupta says
Wow Amazing.
I haven’t know about the Dark mode. But it’s so easy to add dark mode in WordPress
Thanks for Great Explained
WPBeginner Support says
You’re welcome, glad our guide was helpful
Administrator