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?

Niektórzy członkowie naszego zespołu wolą pracować do późna w nocy i odkryli, że jasny interfejs administratora WordPress może być dość trudny dla oczu. Staraliśmy się więc znaleźć sposób, aby obszar administracyjny był wygodniejszy dla nocnych marków i tych, którzy pracują w warunkach słabego oświetlenia.

Wtedy właśnie odkryliśmy zalety trybu ciemnego. Ciemniejszy schemat kolorów może znacznie zmniejszyć ilość białego i niebieskiego światła pochodzącego z twojego ekranu, dzięki czemu jest on łatwiejszy dla oczu podczas nocnych sesji edycji.

W tym artykule pokażemy ci, jak dodać tryb ciemny do twojego kokpitu administratora WordPress. Niezależnie od tego, czy jesteś nocną sową, użytkownikiem świadomym baterii, czy kimś, kto po prostu uwielbia elegancki wygląd ciemnych interfejsów, mamy dla Ciebie wszystko.

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. Warto również zapoznać się z naszym wyborem najlepszych wtyczek do kokpitu administratora WordPress i naszym przewodnikiem na temat wyłączania wszystkich wtyczek, gdy wp-admin jest niedostępny.

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

11 komentarzyZostaw odpowiedź

  1. Jiří Vaněk

    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.

    • WPBeginner Support

      You’re welcome :)

      Administrator

  2. Dan

    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

      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

  3. Thia

    Awesome. Just tried the plugin and It’s really cool.

    • WPBeginner Support

      Glad you liked our recommendation!

      Administrator

  4. Darlington

    What about how to implement dark mode in the frontend of my wordpress website?

    • WPBeginner Support

      That would be determined by your theme, if you reach out to your theme’s support they should be able to let you know.

      Administrator

  5. Kuldeep Singh

    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?

    • WPBeginner Support

      You would want to reach out to the plugin’s support for their recommendation first

      Administrator

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ę.