W artykule:
Czy chcesz dodać tryb ciemny do swojej witryny WordPress?
Wiele urządzeń ma teraz natywną obsługę trybu ciemnego. Dodanie trybu ciemnego do witryny automatycznie dostosowuje projekt do preferencji przeglądarki użytkownika. Możesz nawet dodać przełącznik trybu ciemnego do swojej witryny.
W tym artykule pokażemy, jak łatwo dodać tryb ciemny do witryny WordPress zarówno do obszaru frontendowego, jak i administracyjnego.
Co To jest tryb ciemny i dlaczego warto dodać go do swojej witryny?
Tryb ciemny jest używany na urządzeniach mobilnych i komputerach w celu zmniejszenia ilości białego światła z ekranu.
Niektóre urządzenia są wyposażone w tryb nocny, który zamiast tego używa cieplejszych odcieni kolorów. Tryb ciemny wykorzystuje inne podejście, dodając ciemne kolory w tle.
Jeśli masz urządzenie iPhone lub Android,możesz przełączyć się na tryb ciemny za pomocą przełącznika.
Alternatywnie na komputerze można wyświetlać strony internetowe w trybie ciemnym za pomocą rozszerzenia Chrome, takiego jak Night Eye. Oto jak wygląda strona WPBeginner za pomocą tego rozszerzenia:
Dodanie trybu ciemnego do witryny daje użytkownikom możliwość włączania i wyłączania trybu ciemnego podczas przeglądania witryny. Zapewnia również większą kontrolę nad wyglądem witryny w trybie ciemnym.
Popularne strony internetowe, takie jak YouTube, oferują również ciemną kolorystykę. Dzięki temu użytkownicy mogą oglądać filmy późno w nocy, zapewniając wygodniejsze oglądanie.
Oprócz dodawania trybu ciemnego do interfejsu witryny, możesz nawet dodać tryb ciemny do administratora WordPress. Może to być przydatne, jeśli pracujesz na swojej stronie wieczorami lub w nocy.
Najpierw przyjrzymy się dodaniu trybu ciemnego do twojej witryny WordPress. Następnie zajmiemy się dodaniem trybu ciemnego do pulpitu administratora WordPress.
Tip: Chcesz mieć stronę internetową o ciemnej kolorystyce, nawet z urządzeniem użytkownika w trybie normalnym lub dziennym? Następnie sprawdź naszą listę najlepszych ciemnych motywów dla WordPress.
Dodawanie trybu ciemnego do witryny WordPress
Najpierw musisz zainstalować i aktywować wtyczkę WP Dark Mode. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do Ustawienia ” WP Dark Mode strona w panelu administracyjnym WordPress i kliknij kartę Ustawienia Ogólne. Powinieneś zostać przekierowany tam automatycznie.
Tutaj zostało włączone ustawienie „Włącz tryb ciemny OS aware”. Oznacza to, że odwiedzający automatycznie zobaczą wersję Twojej witryny w trybie ciemnym, gdy ich urządzenie zostanie ustawione w tryb ciemny.
Włączone zostało również ustawienie „Pokaż Przełącznik Pływający”. Oznacza to, że użytkownicy mogą przełączyć widok witryny w tryb ciemny w dowolnym momencie, nawet jeśli nie włączyli opcji trybu ciemnego na swoim urządzeniu.
Po prostu odwiedź swoją stronę internetową, a zobaczysz przełącznik w prawym dolnym rogu. Kliknij go, aby natychmiast przełączyć witrynę w tryb ciemny na urządzeniu:
Istnieje więcej opcji dostosowywania dostępnych na Ustawienia ” WP Dark Mode strona. Są one jednak dość ograniczone dzięki darmowej wtyczce.
Na przykład wystarczy kliknąć kartę Ustawienia wyświetlania, aby zmienić styl przełącznika pływającego:
Możesz także dostosować kolory trybu ciemnego za pomocą karty Ustawienia stylu:
Upewnij się, że po wprowadzeniu zmian klikniesz przycisk Zapisz Ustawienia.
Uwaga: Dzięki darmowej wersji WP Dark Mode dostajesz tylko pierwsze style przełączników pływających 2 i pierwsze ustawienia kolorów 2 do wyboru.
Wersja Pro WP Dark Mode oferuje o wiele więcej opcji projektowania, a także możliwość włączenia trybu ciemnego w określonych godzinach i możliwość dodania niestandardowego kodu CSS.
Dodawanie trybu ciemnego do administratora WordPress
WordPress jest wyposażony w schematy kolorów administratora, ale żaden z domyślnych schematów kolorów nie zmniejsza białego światła pochodzącego z ekranu. Na szczęście ta wtyczka rozwiązuje również ten problem.
Przyjrzyjmy się, jak łatwo dodać tryb ciemny do obszaru administracyjnego WordPress, aby uzyskać przyjemniejsze wrażenia użytkownika w późnych godzinach.
Po prostu przejdź do Ustawienia ” WP Dark Mode stronę i kliknij kartę Ustawienia Ogólne. Następnie przełącz przełącznik „Włącz Backend Darkmode” na pozycję on. Nie zapomnij kliknąć przycisku ZAPISZ USTAWIENIA na dole strony:
Na górnym pasku obszaru administracyjnego pojawi się nowy przełącznik:
Po prostu kliknij ten przełącznik, aby natychmiast przełączyć obszar administracyjny w tryb ciemny.
Tip: Jeśli Twoja witryna ma wielu użytkowników WordPress, każda osoba może włączać i wyłączać tryb ciemny, jak woli.
Ponieważ „tryb ciemny” nie jest schematem kolorów administratora, możesz go łatwo użyć wraz z istniejącym schematem kolorów administratora WordPress. Aby to ustawić, po prostu przejdź do Profil Użytkownika i kliknij opcję Pod schematem kolorów administratora.
Pamiętaj, że aby wyświetlić opcje schematu kolorów administratora, musisz wyłączyć tryb ciemny:
Pisząc post w edytorze bloków WordPress, możesz również włączyć tryb ciemny. Kliknij małą ikonę Koloru w lewym górnym rogu, a następnie wybierz tryb, którego chcesz użyć:
Teraz możesz wygodnie pisać i pracować na swojej stronie w nocy bez wysiłku oczu.
Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać tryb ciemny do swojej witryny WordPress. Możesz również zobaczyć nasz artykuł na temat najlepszych wtyczek WordPress dla wszystkich stron internetowych i nasze porównanie najlepiej zarządzanych firm hostingowych WordPress.
Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.
