Czy chcesz dodać tryb ciemny do swojego strona internetowa WordPressa?
Wiele urządzeń ma teraz natywną obsługę trybu ciemnego. Dodanie tego trybu do Twojego Witryna internetowa Automatycznie dostosowuje projekt do preferencji przeglądarki użytkownika. Możesz nawet dodać przełącznik do swojego strona internetowa aby się na to przełączyć.
W tym artykule pokażemy, jak łatwo dodać tryb ciemny do swojej witryny WordPress, zarówno w interfejsie użytkownika, jak iw obszarze administracyjnym.
Ale wcześniej, jeśli nigdy nie instalowałeś WordPress, odkryj Jak zainstalować WordPress blogu kroki 7 et Jak znaleźć, zainstalować i aktywować WordPress na swoim blogu
Wróćmy do tego, dlaczego tu jesteśmy.
Co to jest tryb ciemny i po co dodawać go do swojej witryny?
Tryb ciemny jest używany na urządzeniach mobilnych i komputerach w celu zmniejszenia ilości białego światła na ekranie.
Niektóre urządzenia są wyposażone w tryb nocny, który zamiast tego wykorzystuje cieplejsze odcienie kolorów. Tryb ciemny przyjmuje inne podejście, dodając ciemne kolory do tła.
Jeśli masz iPhone'a lub urządzenie z Androidem, możesz przełączyć się w tryb ciemny po prostu za pomocą przełącznika.
Alternatywnie na komputerze możesz wyświetlać strony internetowe w trybie ciemnym za pomocą rozszerzenia Chrome, takiego jak Night Eye. Oto jak wygląda sekcja bloga BlogPasCher przy użyciu tej wtyczki:
Dodanie trybu ciemnego do witryny internetowej daje użytkownikom możliwość włączania i wyłączania trybu ciemnego podczas przeglądania witryny. Zapewnia również większą kontrolę nad wyświetlaniem 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 z wygodniejszym doświadczeniem.
Oprócz dodania trybu ciemnego do frontendu witryny, możesz nawet dodać tryb ciemny do swojego obszaru administracyjnego WordPress. Może to być przydatne, jeśli pracujesz nad witryną wieczorem lub w nocy.
Najpierw przyjrzyjmy się, jak dodać tryb ciemny do witryny WordPress. Następnie omówimy dodawanie trybu ciemnego do pulpitu WordPress.
Wskazówka: Czy chcesz mieć stronę internetową w ciemnej kolorystyce, nawet z urządzeniem użytkownika w trybie normalnym lub dziennym? Sprawdź naszą listę najlepsze ciemne motywy dla WordPress.
Dodawanie trybu ciemnego do Twojej witryny WordPress
Przede wszystkim musisz zainstalować i aktywować wtyczkę Tryb ciemny WP. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do strony Ustawienia »WP Dark Mode z pulpitu WordPress i kliknij kartę Ustawienia ogólne. Powinieneś zostać tam automatycznie przekierowany.
Tutaj parametr „Włącz tryb ciemny obsługujący system operacyjny' zostało dla Ciebie aktywowane. Oznacza to, że odwiedzający automatycznie zobaczy wersję Twojej witryny w trybie ciemnym, gdy ich urządzenie zostanie ustawione w trybie ciemnym.
Parametr „Pokaż przełącznik pływający'został również aktywowany. Oznacza to, że użytkownicy mogą w dowolnym momencie przełączyć swoją witrynę w tryb ciemny, nawet jeśli nie włączyli opcji trybu ciemnego na swoim urządzeniu.
Po prostu odwiedź swoją witrynę, a zobaczysz przełącznik w prawym dolnym rogu. Kliknij go, aby natychmiast przełączyć witrynę w tryb ciemny na urządzeniu:
Na stronie dostępnych jest więcej opcji dostosowywania Ustawienia »WP Dark Mode. Jednak w bezpłatnej wersji są one dość ograniczone.
Na przykład wystarczy kliknąć kartę Ustawienia ekranu aby zmienić styl przełącznika pływającego:
Możesz także dostosować kolory trybu ciemnego za pomocą karty Ustawienia stylu :
Upewnij się, że kliknąłeś przycisk Zapisz ustawienia aby zapisać ustawienia po wprowadzeniu zmian.
Uwaga: Dzięki bezpłatnej wersji tej wtyczki otrzymujesz tylko pierwsze 2 style przełącznika pływającego i pierwsze 2 ustawienia kolorów.
Wersja pro oferuje o wiele więcej opcji projektowania, oprócz możliwości włączania trybu ciemnego w określonych momentach i dodawania niestandardowego kodu CSS.
Dodanie trybu ciemnego do pulpitu WordPress
WordPress zawiera schematy kolorów dla obszaru administracyjnego, ale żaden z domyślnych schematów kolorów nie ogranicza białego światła dochodzącego z ekranu. Na szczęście ta wtyczka rozwiązuje ten problem.
Przyjrzyjmy się, jak łatwo dodać tryb ciemny do obszaru administracyjnego WordPress dla doświadczenie użytkownika ładniej w późnych godzinach.
Musisz tylko wejść na stronę Ustawienia »WP Dark Mode i kliknij zakładkę Ustawienia ogólne. Następnie przestaw przełącznikWłącz Backend Darkmode”. Nie zapomnij kliknąć przycisku Zapisz ustawienia na końcu strony:
Zobaczysz teraz nowy przełącznik na górnym pasku obszaru administracyjnego:
Po prostu kliknij ten przełącznik, aby natychmiast przełączyć obszar administracyjny w tryb ciemny.
Wskazówka: Jeśli Twoja witryna ma kilka Użytkownicy WordPressa, każda osoba będzie mogła przełączyć się w tryb ciemny według własnego uznania.
Od 'Tryb ciemny'nie jest schematem kolorów administratora, możesz go łatwo używać z istniejącym schematem kolorów administratora WordPress. Aby to zdefiniować, przejdź do Użytkownicy »Profil i kliknij opcję w obszarze Schemat kolorów administratora.
Pamiętaj, że musisz wyłączyć tryb ciemny, aby zobaczyć opcje schematu kolorów administratora:
Pisząc post w Edytor bloków WordPress, możesz też przełączyć się w tryb ciemny. Kliknij małą kolorową ikonę 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 internetowej w nocy bez zmęczenia oczu.
Inne zalecane zasoby
Zapraszamy również do zapoznania się z Zasoby poniżej, aby przejąć większą własność i kontrolę nad swoją witryną i blogiem.
- Jak osadzać filmy w swoich postach na blogu WordPress
- Jak dodać suwak plażowy do formularza WordPress?
- Wtyczki 7 WordPress stworzyć pasek powiadomień
- Wtyczki 8 WordPress do dodawania wykresów cenowych do swojego bloga
Wnioski
Tutaj jest ! To wszystko w tym przewodniku. Mamy nadzieję, że ten artykuł pomógł Ci dowiedzieć się, jak dodać tryb ciemny do witryny WordPress. Możesz również przeczytać nasz artykuł na temat 9 WordPress wtyczki, aby dostosować pulpit.
Będziesz jednak mógł również skonsultować się z nami Zasoby, jeśli potrzebujesz więcej elementów do realizacji projektów tworzenia stron internetowych, zapoznaj się z naszym przewodnikiem na stronie Tworzenie bloga WordPress lub ten na Divi: najlepszy motyw WordPress wszechczasów.
Jeśli masz znajomego lub komentarz, zostaw to w sekcji komentarz. Przeważnie udostępnij ten artykuł w różnych sieciach społecznościowych.
...
