Jak zmienić Elementora na tryb ciemny?

Zbudowanie wysoce funkcjonalnej strony internetowej to coś, co możesz łatwo zrobić nawet bez wcześniejszego doświadczenia. Po prostu używasz wtyczki WordPress, takiej jak Elementor. Ale jeśli chodzi o zwiększenie czytelności Twojej witryny, będziesz musiał rozważyć zmianę elementuor na tryb ciemny. Teraz prawdopodobnie zastanawiasz się, jak w ogóle zmienić elementor na tryb ciemny?

Cóż, w przeciwieństwie do wtyczki takiej jak tryb ciemny QS, elementor nie ma domyślnej wtyczki trybu ciemnego. Oznacza to, że musisz zainstalować wtyczki innych firm. Kolejną zaletą korzystania z wtyczki trybu ciemnego QS jest to, że jest łatwa do wdrożenia i bardziej przyjazna dla użytkownika niż elementor.

W tym samouczku przyjrzymy się krokom, jak zmienić elementor w tryb ciemny za pomocą różnych wtyczek.

Dlaczego musisz aktywować tryb ciemny Elementor?

Korzystanie z trybu ciemnego elementor rośnie zarówno pod względem konieczności, jak i popularności. Jeśli więc zastanawiasz się, czy naprawdę musisz włączyć tryb ciemny , oto odpowiedzi.

Minimalizuje zmęczenie oczu

Wystawienie na działanie niebieskiego światła przez bardzo długi czas może prowadzić do zmęczenia oczu i objawów, takich jak suchość oczu i bóle głowy. Dlatego aktywacja trybu ciemnego elementor może pomóc chronić oczy przed zmęczeniem oczu i zmęczeniem spowodowanym jaskrawym światłem.

Poprawia czytelność

Kolejną zaletą korzystania z trybu ciemnego w elementorze jest to, że ekran jest bardziej wydajny, co zapewnia lepszą czytelność. Dzieje się tak zwłaszcza wtedy, gdy w pomieszczeniu jest tak dużo światła słonecznego, że trudno jest czytać. Tak więc, jeśli masz bloga, Twoi użytkownicy będą bardziej skłonni spędzać więcej czasu na Twojej stronie.

Lepsza widoczność

Korzystanie z trybu ciemnego przydaje się również przy słabym oświetleniu. Po prostu zapewnia lepszą widoczność w ciemnym lub ciemnym otoczeniu. Na przykład możesz używać go w łóżku, nie martwiąc się, że obudzisz swojego partnera.

Oszczędza żywotność baterii

Zarówno w trybie ciemnym elementor, jak i wordpress, Android zużywa mniej energii w porównaniu z normalnym trybem. W rezultacie bateria telefonu lub laptopa może działać dłużej. Niektórzy eksperci sugerują, że może to wydłużyć żywotność baterii o około 30%.

Ze względów estetycznych

W porównaniu do innych schematów kolorów w trybie normalnym elementor, ten tryb oferuje naprawdę dobrze wyglądający i stylowy interfejs użytkownika. Daje ci coś, co wydaje się tajemnicze i nowe.

Jak zmienić Elementora na tryb ciemny?

Jak więc dokładnie zmienić elementor swojej witryny na tryb ciemny? W końcu nie ma sposobu, aby domyślnie włączyć funkcję trybu ciemnego na swoim blogu elementor. W takim przypadku wystarczy użyć wtyczki innej firmy, takiej jak WP Dark Mode lub Plus Addons dla elementora. Obie opcje są dostępne w wersji bezpłatnej i Pro.

Metoda pierwsza: korzystanie z trybu ciemnego WP

Jest to najpopularniejsza i popularna wtyczka do zmiany trybu elementora na tryb ciemny. Oferuje wiele funkcji, w tym tryb ciemny dla widżetu elementor i wiele stylów przełączników. Poniżej znajdują się kroki, jak korzystać z tej wtyczki.

Krok 1: Zaplanuj kolory w trybie ciemnym

Musisz najpierw zdecydować, które elementy elementorowe chcesz zmienić w tryb ciemny. Dzieje się tak, ponieważ w niektórych przypadkach prawdopodobnie będziesz już mieć ciemne tło, którego nie będziesz musiał zmieniać. W większości przypadków może być konieczna zmiana ogólnych kolorów tła, w tym czcionek i obrazów.

Krok 2: Zainstaluj tryb ciemny WP

Następnie powinieneś pobrać wtyczkę WP Dark Mode . Po prostu wyszukaj wtyczki na pulpicie nawigacyjnym WordPress i kliknij je. Następnie wybierz Dodaj nowy i poszukaj trybu ciemnego WP. I na koniec kliknij Zainstaluj teraz, aby aktywować wtyczkę.

Krok 3: Włącz tryb ciemny

Po zakończeniu instalacji WP Dark Mode następną rzeczą jest włączenie trybu ciemnego. Możesz go aktywować dla pojedynczej strony lub całej witryny.

Krok 4: Aktywuj tryb ciemny dla jednej strony

Po pierwsze, powinieneś dodać nową stronę lub po prostu użyć już istniejącej. W panelu administracyjnym WordPress po prostu kliknij strony, a następnie Dodaj nowy. Następnie nazwij swoją stronę i na prawym pasku bocznym wybierz szablon strony jako Elementor Full Width. Następnie wybierz opcję Edytuj za pomocą Elementora.

Następnie wyszukaj tryb ciemny w opcji widżetu wyszukiwania. Stąd przeciągnij i upuść widżet na edytowaną stronę. Gdy skończysz, możesz opublikować swoją stronę.

Krok 5: Aktywuj tryb ciemny WP dla całej witryny

Możesz także zmienić elementor na tryb ciemny dla całej witryny. W takim przypadku zacznij od wybrania widżetu WP Dark Mode w panelu administratora WordPress, a następnie ustawień. Następnie kliknij Włącz tryb Frontend Dark w Ustawieniach ogólnych.

Następnie kliknij kartę Pokaż przełącznik pływający w ustawieniach, aby go włączyć. Zauważysz, że nowy przełącznik pojawi się u góry paska administracyjnego WordPressa. To jest to, czego użyjesz, aby zmienić elementor w tryb ciemny.

Krok 6: Wybierz styl przełącznika pływającego

Po aktywowaniu trybu ciemnego wp admin możesz go dostosować, aby uzyskać spersonalizowany wygląd. Istnieje kilka stylów przełączników pływających, z których możesz wybierać. Musisz więc wybrać motyw pasujący do Twojego bloga.

Kliknij kartę trybu nocnego, a następnie wybierz ustawienia przełącznika. Zobaczysz różne style przełączników pływających na froncie, w tym jasny motyw i ciemny. Na koniec wybierz zapisanie ustawień. Twój tryb ciemny dla elementor powinien być teraz aktywowany na wszystkich stronach Twojej witryny.

Metoda druga: korzystanie z dodatków Plus

Dodatki Plus do elementor zawierają kolekcję widżetów i szablonów, które pomogą Ci dostosować witrynę za pomocą elementor. Ta wtyczka umożliwia dodawanie widżetów w obszarze nagłówka lub stopki. Wykonaj poniższe czynności, aby przełączyć elementor bloga na tryb ciemny za pomocą tego narzędzia.

Krok 1: Pobierz dodatki Plus

Na pulpicie administratora WordPress kliknij Wtyczki i wybierz Dodaj nowy. Zostaniesz przekierowany do repozytorium wtyczek. W pasku wyszukiwania wpisz The Plus Addons for Elementor i kliknij przycisk zainstaluj teraz.

Po instalacji, w lewym dolnym rogu pulpitu nawigacyjnego powinny pojawić się ustawienia Plus.

Krok 2: Aktywuj widżet trybu ciemnego

Po zainstalowaniu dodatków Plus wybierz Plus Widgets na pulpicie nawigacyjnym Plus Addon. Następnie wpisz tryb ciemny w polu wyszukiwania i włącz go, przesuwając przełącznik w prawą stronę.

Krok 3: Dodaj widżet w swoim edytorze elementor

Aby dodać widżet trybu ciemnego, otwórz nagłówek swojej witryny, a następnie kliknij kartę „Edytuj za pomocą Elementora”. Następnie wpisz widżet trybu ciemnego w panelu widżetów Elementor. I na koniec przeciągnij widżet i upuść go w prawo.

Krok 4: Zmień elementor na tryb ciemny

W widżecie trybu ciemnego elementor wybierz kartę treści. Zobaczysz trzy opcje, w tym tryb ciemny, pozycję i dodatkową opcję. Wybierz opcję trybu ciemnego, aby wybrać motyw pasujący do Twojej witryny lub marki spośród różnych odcieni trybu ciemnego.

A jeśli chcesz jeszcze bardziej dostosować tryb ciemny, możesz użyć dodatkowego ustawienia opcji. Kliknij Zapisz ustawienia, aby zastosować zmiany. Na tym etapie Twój elementor powinien być w trybie ciemnym.

Tryb normalny Elementora Vs Tryb ciemny: Jakie są różnice?

Tryb normalny Elementora zawiera 4 predefiniowane lub domyślne kolory globalne. Te kolory obejmują kolory podstawowe, tekstowe, rosnące i drugorzędne. Kolory podstawowe dotyczą nagłówków i ikon, natomiast kolory drugorzędne dotyczą pozycji listy, tła tabel cenowych i podtytułów. Tymczasem kolory tekstu dotyczą pozycji menu i akapitów, a kolory akcentów dotyczą znaczków i linków.

W trybie ciemnym elementor zawiera ciemniejsze kolory tła oraz jaśniejsze kolory pierwszego planu. W przeciwieństwie do trybu normalnego, ten tryb nie jest domyślnym ustawieniem w Elementorze. Dlatego będziesz musiał użyć darmowych lub profesjonalnych wtyczek trybu ciemnego, aby go aktywować. W trybie ciemnym elementor wykorzystuje tylko dwa zestawy kolorów tła do tworzenia wyglądu trybu nocnego.

Jakie są zastosowania selektorów kolorów w trybie ciemnym?

W trybie ciemnym dostępne są różne palety ciemnych kolorów, które można dopasować do stylu witryny. Selektor kolorów pomaga wybrać najlepsze kolory elementów wizualnych. Innymi słowy, możesz użyć selektora kolorów trybu ciemnego, aby szybko wybrać kolor do wykorzystania w swoich projektach.

Oprócz możliwości wyboru kolorów, selektory kolorów dla trybu ciemnego umożliwiają przechowywanie tych kolorów. Możesz łatwo zapisać często używane kolory, aby mieć do nich łatwy dostęp w dowolnym momencie.

Ponadto selektory kolorów umożliwiają usuwanie kolorów, których już nie potrzebujesz, za pomocą funkcji przeciągania i upuszczania. Co ważniejsze, pozwala zmienić najlepsze kolory trybu ciemnego bezpośrednio z selektora we właściwej kolejności.

Wniosek

Niezależnie od tego, czy chcesz zmienić elementor na tryb ciemny, aby zwiększyć czytelność lub widoczność, możesz to łatwo zrobić. Musisz tylko wiedzieć, jakich wtyczek użyć i jakie kroki należy wykonać, aby aktywować tryb ciemny elementor. Dzieje się tak dlatego, że w przeciwieństwie do wtyczek takich jak tryb ciemny QS , elementor nie ma wbudowanej domyślnej wtyczki trybu ciemnego.

Na szczęście wszystkie te informacje znajdziesz powyżej. Warto jednak wspomnieć, że istnieją inne wtyczki, których możesz użyć, aby zmienić elementor w tryb ciemny.

A dla większej wygody zalecamy używanie próbników kolorów dla trybu ciemnego. Może to zaoszczędzić czas, jeśli chodzi o wybór odpowiedniego koloru i motywu trybu ciemnego dla różnych stron.

Pojedynczy szablon postu na blogu