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

Så här addar du mörkt läge till din WordPress dashboard

Några av våra teammedlemmar föredrar att arbeta sent på kvällen, och de har upptäckt att det ljusa admin-gränssnittet i WordPress kan vara ganska jobbigt för ögonen. Så vi försökte hitta ett sätt att göra obszar administracyjny mer bekvämt för nattugglor och de som arbetar i dåliga ljusförhållanden.

Det var då vi upptäckte fördelarna med mörkt läge. Ett mörkare färgschema kan avsevärt minska det vita och blå ljuset från din vy, vilket gör det lättare för ögonen att redigera sent på kvällen.

I den här artikeln visar vi dig hur du lägger till mörkt läge i din WordPress adminpanel. Om du är en nattuggla, en batterimedveten användare eller någon som bara älskar det snygga utseendet på mörka gränssnitt, så har vi allt du behöver.

How to Add Dark Mode to Your WordPress Admin Dashboard

Vad är mörkt läge och varför ska man add to det i WordPress?

Om du ofta arbetar med din WordPress website sent på kvällen eller under dåliga ljusförhållanden kan det starka ljuset från datorns vy orsaka ansträngda ögon.

Vissa människor tror till och med att starkt ljus kan störa din naturliga dygnsrytm och göra det svårare att somna.

Med detta i åtanke har många appar, websites och till och med operativsystem ett built-in mörkt läge som minskar mängden vitt ljus som kommer från vyn.

Dark mode in macOS

Om du har en iPhone eller Android-smartphone kanske du kan växla till mörkt läge med hjälp av en toggle.

Vissa populära webbplatser gillar YouTube erbjuder till och med ett built-in mörkt färgschema.

An example of Dark Mode on the YouTube website

Att lägga till mörkt läge på din WordPress-webbplats är bra för besökarna, men du kanske också vill add to ett mörkt läge till din websites back-end. WordPress levereras med färgscheman för administratörer, men inget av standardfärgscheman minskar faktiskt mängden vitt ljus som kommer in genom vyn.

Med detta sagt, låt oss add to ett mörkt läge till WordPress admin area så att du kan arbeta bekvämt på din site sent på kvällen eller i svagt ljus.

Snabbt och enkelt sätt att add to Dark Mode till ditt WordPress Admin Area

Det enklaste sättet att add to ett mörkt läge till WordPress adminpanel är att använda WP Dark Mode. Detta plugin allow admins att aktivera och inaktivera mörkt läge med ett enda click.

Ännu bättre, om du run en WordPress blogg med flera auktoriseringar, kan varje person toggle mörkt läge på och av som de föredrar. Pluginet kommer att komma ihåg deras alternativ nästa gång de loggar in. För att lära dig mer, se vår kompletta WP Dark Mode review.

Först måste du installera och aktivera WP Dark Mode plugin. För mer detaljer, se vår Step-by-Step guide om hur du installerar ett plugin för WordPress.

Efter aktivering, gå till WP Dark Mode ” Settings page i din WordPress dashboard och klicka sedan på Admin Panel Dark Mode tabs.

Aktivera sedan knappen ”Enable Admin Dashboard Dark Mode”.

Enabling dark mode in WordPress

Du kan också aktivera det mörka läget för Block Editor om du föredrar det.

Därefter rullar du ner och klickar på knappen ”Save Changes”.

Saving WP Dark Mode plugin settings

Kl. 12.00 ser du en new ”Light / Dark”-knapp i admin-verktygsfältet.

Du kan clicka på denna toggle för att aktivera och inaktivera mörkt läge i admin area.

Turning on the dark mode in WordPress

”Dark Mode” är inte ett färgschema för administratörer, så när du har aktiverat det kanske du vill försöka ändra färgschemat för administratörer.

Genom att välja ett mörkt färgschema kan du ytterligare minska mängden ljus som kommer från vyn. Ett annat alternativ är att välja ett ljusare färgschema, vilket gör dashboarden i mörkt läge lättare att läsa.

Om du vill ändra färgschemat för administratörer går du till Användare ” Profil och väljer sedan något av alternativen under Admin Color Scheme.

Admin Color Scheme

Du kan också aktivera mörkt läge on the front end på din website.

För att göra detta, gå till tabben ”Front-end Dark Mode” och aktivera knappen ”Enable Front-end Dark Mode”.

Enabling dark mode for the website's front end

Gilla tidigare, se till att trycka på knappen ”Save Changes” när du är klar.

Besökare kommer fortfarande att se den vanliga, ljusa versionen av din WordPress blogg eller website. Men de kan när som helst byta till mörkt läge genom att clicka på iconen längst ner i högra hörnet.

Adding dark mode to your WordPress website

För fler tips och tricks om hur du customize ditt admin area, kontrollera dessa guider:

Vi hoppas att den här poradniken hjälpte dig att lära dig hur du lägger till mörkt läge i din WordPress adminpanel. Du kanske också vill se våra expertval av de bästa tilläggen till WordPress adminpanel och vår przewodnik om hur du inaktiverar alla tillägg när wp-admin inte är tillgänglig.

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.

Avslöjande: Vårt innehåll stöds av våra läsare. Det innebär att om du klickar på några av våra länkar, kan vi tjäna en provision. Se hur WPBeginner finansieras, varför det är viktigt, och hur du kan stödja oss. Här är vår editoriala process.

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.

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Reader Interactions

11 kommentarerLämna ett svar

  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 :)

      Administratör

  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.

      Administratör

  3. Thia

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

    • WPBeginner Support

      Glad you liked our recommendation!

      Administratör

  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.

      Administratör

      • Darlington

        Okay. Thanks a lot.

  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

      Administratör

Lämna ett svar

Tack för att du väljer att lämna en kommentar. Tänk på att alla kommentarer modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Vänligen använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.