Technologiczne, Gadżety, Telefony Komórkowe, Pobieranie Aplikacji!

Jak dodać tryb ciemny do swojej witryny WordPress

Jak dodać tryb ciemny do swojej witryny WordPress

obraz 3

Tryb ciemny staje się w ciągu ostatnich kilku lat coraz bardziej popularny i słusznie.

Istnieje wiele korzyści płynących z możliwości przełączenia witryny z trybu jasnego na bardziej przyjemny dla oka tryb ciemny.

Po co dodawać tryb ciemny do swojej witryny WordPress

Najbardziej oczywistym powodem, dla którego warto mieć tryb ciemny na swojej stronie, jest to, że zmniejsza on ilość niebieskiego światła, które otrzymujemy podczas patrzenia na ekran.

Jest to szczególnie ważne wieczorem, ponieważ może drastycznie poprawić rytm snu.

Przyjrzyjmy się jeszcze kilku powodom, dla których warto rozważyć dodanie tej popularnej funkcjonalności do swojego projektu:

  • Zmniejsza zmęczenie oczu w nocy i redukuje odblaski.
  • Niektórzy użytkownicy zgłaszali, że zmniejsza to bóle głowy związane z ekranem.
  • Tryb ciemny zużywa nieco mniej energii, aby wydłużyć żywotność baterii.

Należy również wziąć pod uwagę wady, które mogą obejmować:

  • Niektórzy użytkownicy po prostu nie lubią ciemnych kolorów.
  • W niektórych przypadkach może to zmniejszyć ostrość.
  • Negatywny (sprzeczny) efekt, jeśli pracujesz w bardzo jasnych warunkach.

Ważne jest, aby wziąć pod uwagę zarówno pozytywne, jak i negatywne strony. Dlatego nigdy nie powinieneś decydować się na to, aby na Twojej stronie był tylko tryb ciemny.

Ważne jest, aby dodać do niego włącznik światła, aby każdy użytkownik mógł zdecydować, którego trybu użyć.

Jak dodać tryb ciemny w WordPress

W czasach stron HTML dodanie trybu ciemnego byłoby uciążliwe i czasochłonne.

Musiałbyś zbudować inną witrynę o ciemnym wyglądzie i przełączać się między nimi.

Na szczęście istnieje znacznie bardziej eleganckie rozwiązanie dla użytkowników WordPressa.

WP Tryb ciemny wtyczka bezproblemowo implementuje funkcjonalność trybu ciemnego do prawie każdego motywu WordPress.

Zasadniczo działa od razu po wyjęciu z pudełka, wystarczy tylko kilka poprawek, aby udoskonalić go dla Twojej witryny.

Ale wybranie ciemnego motywu WordPress może być jeszcze lepsze, jeśli zbudujesz witrynę od zera.

1. Zainstaluj wtyczkę WP Dark Mode

Pierwszym krokiem jest instalacja wtyczki WP Dark Mode, więc przejdź do Wtyczki > Dodaj nowe lub pobierz go z repozytorium WordPress.

obraz 4

2. Włącz tryb ciemny

Po aktywowaniu wtyczki odśwież stronę główną.

Zauważysz, że tryb ciemny jest już włączony, a przycisk przełącznika jest ładnie umieszczony w prawym dolnym rogu strony.

Kliknięcie przełącznika spowoduje natychmiastową zmianę trybów.

obraz 5

Jak widać wtyczka działa już doskonale bez konieczności ingerencji w jakiekolwiek ustawienia.

Jak dodać tryb ciemny do administratora WordPress

Jeśli spędzasz dużo czasu na pisaniu artykułów w panelu WordPress, możesz także dodać tryb ciemny do swojego zaplecza.

Zmierzać do WP Dark Mode > Ustawienia > Ustawienia ogólne i włącz opcję Włącz tryb ciemny zaplecza.

obraz 6

Odśwież panel administracyjny WordPress, a tryb ciemny zostanie włączony po załadowaniu strony.

Przycisk przełącznika zostanie dodany do górnego paska, gdzie można teraz przełączać pomiędzy trybami jasnym i ciemnym.

obraz 7

Użyj wtyczki WP Dark Mode

Czas zbadać, co oferuje tryb WP Dark pod względem dostosowywania i adaptacji.

Część opcji jest darmowa, natomiast te bardziej zaawansowane dostępne są jedynie w wersji PRO.

Na przykład kilka wzorów przycisków przełącznika pływakowego jest dostępnych tylko po zakupie wtyczki.

obraz 8

Możesz dodatkowo dostosować wtyczkę, ustawiając schemat kolorów.

Dwa z nich są dostępne w darmowej wersji wtyczki, a pozostałych 10 układów (wraz z niestandardowymi kolorami) jest zarezerwowanych dla użytkowników premium.

obraz 9

Wtyczka oferuje mnóstwo dostosowań, takich jak:

  • Możliwość wyłączenia trybu ciemnego we wtyczce WooCommerce może się przydać, jeśli Twoje produkty będą lepiej wyglądać na jasnym tle.
  • Niestandardowy CSS, aby idealnie dopasować wygląd wtyczki do Twojej witryny (wersja PRO).
  • Analityka i raportowanie, dzięki którym możesz sprawdzić popularność trybu ciemnego wśród Twoich użytkowników – to jedna z moich ulubionych funkcji.
  • Zmniejszanie jasności obrazów, gdy włączony jest tryb ciemny.
  • Czasowy tryb ciemny umożliwia automatyczne włączenie trybu ciemnego w zadanym przedziale czasowym. Może to być przydatne, jeśli większość odwiedzających pochodzi z tej samej strefy czasowej.
  • Tryb zachodu słońca umożliwia automatyczne włączenie trybu ciemnego o zachodzie słońca. Zaletą tej funkcji jest to, że dostosowuje się ona do strefy czasowej użytkownika.

Przełączaj między trybami jasnym i ciemnym

Być może zastanawiasz się, dlaczego dokładnie miałbyś przełączać się między tymi dwoma trybami.

Niektóre badania wykazały, że ważne jest, abyśmy w ciągu dnia otrzymywali wystarczającą ilość jasnego światła, a wieczorem stopniowo je zmniejszaliśmy.

Dlatego ważne jest, aby korzystać z trybu oświetlenia, gdy aktywnie pracujemy, a otoczenie jest jasne.

Następnie przełącz się na tryb ciemny wieczorem, kiedy nadchodzi czas relaksu, a nasz organizm przygotowuje się do snu.

Na szczęście przełączanie pomiędzy obydwoma trybami jest tak proste, jak to tylko możliwe.

Wystarczy KLIKNĄĆ przycisk przełącznika, a tryb odpowiednio się zmieni.

Jeśli posiadasz wersję PRO wtyczki, możesz ustawić ją na tryb Sunset, który automatycznie zmieni tryb.

Końcowe przemyślenia

Możliwość włączenia przez użytkowników trybu ciemnego w razie potrzeby poprawia ogólną użyteczność Twojej witryny.

Wielu odwiedzających preferuje tryb ciemny wieczorem, a niektórzy z nas wolą go nawet w ciągu dnia.

Ważne jest, aby zawsze był to wybór użytkownika.

Nawet jeśli zaimplementujesz tryb zachodu słońca, na stronie internetowej zawsze powinien znajdować się przełącznik umożliwiający jego wyłączenie w dowolnym momencie.