Zoptymalizuj swój e-commerce i zwiększ konwersję!

Jak łatwo i szybko dodać opcję dark mode do swojej witryny WordPress?

dark_mode

Podziel się

Share on facebook
Facebook
Share on twitter
Twitter
Share on linkedin
LinkedIn

Data publikacji

Dark mode, czyli ciemny motyw wyświetlania treści na ekranie, to jedna z tych funkcjonalności, które zmieniły sposób, w jaki korzystamy z naszych smartfonów. Wiele osób już nie wyobraża sobie wieczornego oraz nocnego przeglądania internetu i korzystania aplikacji, bez przełączania w tryb, który mniej męczy i po prostu nie razi w oczy. A czy wiesz, że w kilka minut możesz udostępnić taką opcję na swojej witrynie WordPress? W tym poradniku wyjaśnimy krok po kroku jak to zrobić. Zapraszamy!

W tym poradniku:

  • Dark mode – czy warto dodać na stronie?
  • Jak dodać dark mode do strony stworzonej na WordPress?
  • Wersja PRO WP Dark Mode – czy warto?
  • Podsumowanie
Jeżeli potrzebujesz pomocy lub wsparcia WordPress przy optymalizacji witryny oraz szukasz partnera, który profesjonalnie zabezpieczy i przyspieszy Twojego WordPressa lub sklep internetowy WooCoomerce, dowiedz się jak możemy Ci pomóc!

Dark mode – czy warto dodać na stronie?

Ciemny motyw aplikacji to rozwiązanie dobrze znane ze smartfonów i tabletów. Zamiast ocieplać temperaturę barwową ekranu, po prostu zamienia jasne tło na ciemne, dzięki czemu korzystanie urządzenia mobilnego w godzinach nocnych jest dużo bardziej komfortowe i mniej męczy wzrok. Co ważne, po włączeniu tej funkcji smartfon sam przełącza się w dark mode po zachodzie słońca.

Dlaczego warto zaimplementować takie rozwiązanie? Przede wszystkim dla wygody użytkowników, a przede wszystkim wyeliminowania nagłego oślepiania jasnym tłem po przejściu do aplikacji lub strony, która nie została dostosowana do pracy z ciemnym motywem.

Co więcej, wdrożenie takiej funkcji na stronie pozwala użytkownikowi zmienić tryb za jednym kliknięciem odpowiedniego przycisku – nawet korzystając z niej na komputerze. Aby ułatwić pracę osobom zarządzającym witryną, dark mode możesz także zastosować w widoku panelu administracyjnego. Poniżej opisujemy dokładnie jak to zrobić.

Jak dodać dark mode do strony stworzonej na WordPress?

Jednym z największych dobrodziejstw CMS WordPress jest bogata biblioteka wtyczek, które pozwalają nam dokonywać zmian w wyglądzie i sposobie funkcjonowania witryny, bez konieczności znajomości nawet jednej linijki kodu. Nie inaczej jest w przypadku implementacji modułu pracy z trybem dark mode.

Jaki wybrać WordPress plugins do obsługi dark mode?

Jednym z najlepszych i najprostszych rozwiązań tego typu jest wtyczka o nazwie WP Dark Mode. Pobierzesz ją za darmo z repozytorium WordPress, a jej instalacja oraz konfiguracja zajmie Ci dosłownie kilka minut.

WP Dark Mode – instalacja i konfiguracja krok po kroku

Instalacja: Wybierz z menu bocznego zakładkę „Wtyczki”, a następnie kliknij „Dodaj nową”. W oknie wyszukiwania wtyczek wpisz „WP Dark Mode”, kliknij „zainstaluj”, a później „włącz”. Gdy już to zrobisz, z bocznego paska menu wybierz WP Dark Mode, aby przejść do menu wtyczki.

Konfiguracja: Po włączeniu wtyczki, funkcja dark mode została automatycznie włączona. Oznacza to, że od teraz użytkownicy mogą samoczynnie włączać i wyłączać ciemny motyw. Co więcej, urządzenia mobilne będą samoczynnie wyświetlać stronę w dark mode, jeśli taki tryb będzie włączony w smartfonie lub tablecie. Tobie pozostaje dostosować sposób działania wtyczki do swoich wymagań.

Pierwszy ekran ustawień aplikacji to trzy opcje do wyboru:

  • włączenie/wyłączenie trybu dark mode
  • włączenie trybu dark mode dla panelu administratora
  • dostosowanie wyświetlania witryny do aktualnego trybu ustawionego w smartfonie.

W zakładce „Advanced Settings” możesz także ustawić, aby dark mode był domyślnym trybem wyświetlania Twojej witryny, oraz z góry określić godziny, w których zostanie aktywowany – to jednak opcja dostępna tylko w wersji PRO.

Wygląd przełącznika pomiędzy trybami zmienisz w zakładce „Switch Settings”. W bezpłatnej wersji wtyczki dostępne są dwie opcje. Możesz także zmienić położenie przełącznika – z domyślnego prawego dolnego rogu na lewy.

Wersja PRO WP Dark Mode – czy warto?

Na bardziej wymagających użytkowników czeka także płatna wersja wtyczki. Czy warto ją zakupić?

Najważniejsze różnice w porównaniu z bezpłatną wersją, to ilość opcji dotyczących tego, jak wygląda sam przełącznik trybów, który widoczny jest dla użytkowników, a także samego dostosowania działania ciemnego trybu na stronie. Po zakupie wersji PRO możemy zmienić tryb kolorystyczny ciemnego trybu, a także dostosować jego jasność oraz kontakt. Ciekawą opcją jest także zakładka do umieszczenia własnego kodu CSS, działającego tylko w trybie dark mode.

Jeśli mamy specyficzne wymagania, to faktycznie warto zainteresować się wersją PRO, zwłaszcza iż kosztuje niewiele – aktualnie to 44 USD, a w ramach jednego zakupu otrzymujemy licencję na trzy różne witryny.

Jeżeli potrzebujesz pomocy lub wsparcia WordPress przy optymalizacji witryny oraz szukasz partnera, który profesjonalnie zabezpieczy i przyspieszy Twojego WordPressa lub sklep internetowy WooCoomerce, dowiedz się jak możemy Ci pomóc!

Podsumowanie

Mimo iż dark mode jakiś czas temu był jedynie ciekawostką i gadżetem na stronach internetowych, to od kiedy stał się standardem codziennie wykorzystywanym w naszych smartfonach, jest już koniecznością. Wyżej opisany sposób z pewnością sprawdzi się w większości wypadków, ale pamiętaj – jeśli szukasz szytych na miarę rozwiązań oraz pomocy w optymalizacji swojej witryny, to chętnie pomożemy – napisz do nas.

Zdjęcie: Unsplash.com

4.9/5 - (10 votes)
Adrian Jędrzejczyk

Adrian Jędrzejczyk

Pasjonat nowych technologii, a w wolnych chwilach także fotograf. Z przyjemnością pisze o WordPressie i możliwościach tej platformy. Gdy nie tworzy tekstów do publikacji internetowych ładuje akumulatory w bieszczadzkiej drewnianej chacie z dala od zgiełku miasta.

Umów się na rozmowę
lub spotkanie on-line

Bezpłatna wycena
opieki Twojego WordPressa
Masz więcej pytań? Zajrzyj do naszego działu FAQ