Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Puchar WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Jak dodać tryb ciemny do twojego kokpitu administratora WordPressa?

Uwaga redakcyjna: Otrzymujemy prowizję z linków partnerskich na WPBeginner. Prowizje nie mają wpływu na opinie i oceny naszych redaktorów. Dowiedz się więcej o Proces redakcyjny.

Czy chcesz dodać tryb ciemny do twojego kokpitu administratora WordPress?

Ciemniejszy schemat kolorów może ułatwić pracę o późniejszej porze dnia lub w warunkach słabego oświetlenia, redukując białe i niebieskie światło pochodzące z twojego ekranu. Według niektórych użytkowników, redukcja tego światła może również pomóc w przypadku przemęczenia oczu, bólów głowy lub problemów ze snem.

W tym artykule pokażemy, jak dodać tryb ciemny do kokpitu administratora WordPress.

How to Add Dark Mode to Your WordPress Admin Dashboard

Czym jest tryb ciemny i dlaczego warto dodać go do WordPressa?

Jeśli często pracujesz nad twoją witryną internetową WordPress późno w nocy lub w słabo oświetlonych warunkach, jasne światło z ekranu komputera może powodować zmęczenie oczu.

Niektórzy uważają nawet, że jasne światło może zakłócać twój naturalny rytm dobowy i utrudniać zasypianie.

Mając to na uwadze, wiele aplikacji, witryn internetowych, a nawet systemów operacyjnych ma wbudowany tryb ciemny, który zmniejsza ilość białego światła pochodzącego z ekranu.

Dark mode in macOS

Jeśli masz iPhone’a lub smartfona z Androidem, możesz przełączyć się na tryb ciemny za pomocą przełącznika.

Niektóre popularne witryny internetowe, takie jak YouTube, oferują nawet wbudowany ciemny schemat kolorów.

An example of Dark Mode on the YouTube website

Dodanie trybu ciemnego do twojej witryny internetowej WordPress jest świetne dla odwiedzających, ale możesz również chcieć dodać tryb ciemny do zaplecza twojej witryny. WordPress zawiera schematy kolorów administratora, ale żaden z domyślnych schematów kolorów nie zmniejsza ilości białego światła wpadającego przez ekran.

Mając to na uwadze, dodajmy tryb ciemny do obszaru administracyjnego WordPress, abyś mógł wygodnie pracować na swojej witrynie późno w nocy lub w warunkach słabego oświetlenia.

Szybki i łatwy sposób na dodanie trybu ciemnego do twojego obszaru administracyjnego WordPressa

Najprostszym sposobem na dodanie trybu ciemnego do kokpitu administratora WordPress jest użycie WP Dark Mode. Wtyczka ta pozwala administratorom włączać i wyłączać tryb ciemny za pomocą jednego kliknięcia.

Co więcej, jeśli prowadzisz blog WordPress z wieloma autorami, każda osoba może włączać i wyłączać tryb ciemny według własnych preferencji. Wtyczka zapamięta ich preferencje przy następnym logowaniu się. Aby dowiedzieć się więcej, zobacz naszą pełną recenzję WP Dark Mode.

Najpierw musisz zainstalować i włączyć wtyczkę WP Dark Mode. Aby uzyskać więcej informacji, zobacz nasz przewodnik krok po kroku, jak zainstalować wtyczkę WordPress.

Po włączaniu, przejdź do strony WP Dark Mode ” Settings w twoim kokpicie WordPress, a następnie kliknij kartę Admin Panel Dark Mode.

Następnie włącz przycisk „Enable Admin Dashboard Dark Mode”.

Enabling dark mode in WordPress

W razie potrzeby można również włączyć tryb ciemny dla edytora bloków.

Następnie przewiń w dół i kliknij przycisk „Zapisz zmiany”.

Saving WP Dark Mode plugin settings

W tym momencie na pasku narzędzi administratora pojawi się nowy przełącznik „Jasny / Ciemny”.

Możesz kliknąć ten przełącznik, aby włączyć lub wyłączyć tryb ciemny w obszarze administracyjnym.

Turning on the dark mode in WordPress

Tryb ciemny nie jest schematem kolorów administratora, więc po jego włączaniu warto spróbować zmienić schemat kolorów administratora.

Wybierając ciemny schemat kolorów, można dodatkowo zmniejszyć ilość światła padającego na ekran. Inną opcją jest wybranie jaśniejszego schematu kolorów, który sprawi, że kokpit w trybie ciemnym będzie łatwiejszy do odczytania.

Aby zmienić schemat kolorów administratora, przejdź do Użytkownicy ” Profil, a następnie wybierz dowolną z opcji w sekcji Schemat kolorów administratora.

Admin Color Scheme

Możesz także włączyć tryb ciemny na front-endzie twojej witryny internetowej.

W tym celu należy przejść do karty „Frontend Dark Mode” i włączyć przycisk „Enable Frontend Dark Mode”.

Enabling dark mode for the website's front end

Tak jak poprzednio, po zakończeniu upewnij się, że kliknąłeś przycisk „Zapisz zmiany”.

Odwiedzający nadal będą widzieć zwykłą, jasną wersję twojego bloga lub witryny internetowej WordPress. Mogą jednak przełączyć się na tryb ciemny w dowolnym momencie, klikając ikonkę w prawym dolnym rogu.

Adding dark mode to your WordPress website

Aby uzyskać więcej porad i wskazówek dotyczących dostosowywania obszaru administracyjnego, zapoznaj się z tymi przewodnikami:

Mamy nadzieję, że ten poradnik pomógł ci dowiedzieć się, jak dodać tryb ciemny do twojego kokpitu administratora WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat tworzenia strony docelowej w WordPress ie lub naszą ekspercką listą niezbędnych wtyczek WordPress.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Ujawnienie: Nasze treści są wspierane przez czytelników. Oznacza to, że jeśli klikniesz na niektóre z naszych linków, możemy otrzymać prowizję. Zobacz jak WPBeginner jest finansowany, dlaczego to ma znaczenie i jak możesz nas wspierać. Oto nasz proces redakcyjny.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Najlepszy zestaw narzędzi WordPress

Uzyskaj BEZPŁATNY dostęp do naszego zestawu narzędzi - zbiór produktów i zasobów związanych z WordPressem, które każdy profesjonalista powinien mieć!

Reader Interactions

12 komentarzyZostaw odpowiedź

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

  2. Jiří Vaněk says

    Thank you for the advice. I have both system and browser dark mode set on Windows 11, but WordPress keeps ignoring this setting. Browser settings and even a browser extension that should force dark mode didn’t help. And now I understand that it will be a problem of WordPress missing color scheme for dark mode. Thank you for the valuable experience and advice on how to force dark mode.

  3. Dan says

    Thank you.
    This is a workaround plugin, which is not ideal.
    I’ve observed that every time I click anything in the interface, it blinks for 1 second in the original color and then switches to dark mode.
    Ideally, WordPress should add it to its color scheme.

    • WPBeginner Support says

      You may want to change your color scheme under User>Profile to set the base color to help prevent the delay in the style’s loading.

      Administrator

  4. Kuldeep Singh says

    Awesome!

    Thank you guys. It helped me to get desired dashboard dark theme. But I need the default editor background in dark theme too. It there any single plugin which can change the dashboard and editor background to dark mode?

Zostaw odpowiedź

Dziękujemy za pozostawienie komentarza. Pamiętaj, że wszystkie komentarze są moderowane zgodnie z naszymi polityka komentarzy, a Twój adres e-mail NIE zostanie opublikowany. NIE używaj słów kluczowych w polu nazwy. Przeprowadźmy osobistą i konstruktywną rozmowę.