Vissa av våra teammedlemmar föredrar att arbeta sent på natten, och de har upptäckt att det ljusa WordPress-administrationsgränssnittet kan vara ganska påfrestande för ögonen. Så vi försökte hitta ett sätt att göra administrationsområdet bekvämare för nattugglor och de som arbetar i svagt ljus.
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 skärmen, vilket gör det mer behagligt för ögonen under sena redigeringssessioner.
I den här artikeln visar vi hur du lägger till mörkt läge i din WordPress-administrationspanel. Oavsett om du är en nattuggla, en batterimedveten användare eller någon som bara älskar det eleganta utseendet hos mörka gränssnitt, har vi dig täckt.

Vad är mörkt läge och varför lägga till det i WordPress?
Om du ofta arbetar på din WordPress-webbplats sent på natten eller under dåligt upplysta förhållanden, kan det starka ljuset från datorskärmen orsaka ögonansträngning.
Vissa tror till och med att starkt ljus kan störa dina naturliga dygnsrytmer och göra det svårare att somna.
Med detta i åtanke kommer många appar, webbplatser och till och med operativsystem med ett inbyggt mörkt läge som minskar mängden vitt ljus som kommer från skärmen.

Om du har en iPhone eller Android-smartphone, kan du kanske växla till mörkt läge med hjälp av en växlingsknapp.
Vissa populära webbplatser som YouTube erbjuder till och med ett inbyggt mörkt färgschema.

Att lägga till mörkt läge på din WordPress-webbplats är bra för besökare, men du kanske också vill lägga till ett mörkt läge på din webbplats bakände. WordPress levereras med administrationsfärgscheman, men inget av standardfärgschemana minskar faktiskt mängden vitt ljus som kommer genom skärmen.
Med det sagt, låt oss lägga till ett mörkt läge i WordPress administrationsområde så att du kan arbeta bekvämt på din webbplats sent på natten eller i svagt ljus.
Snabbt och enkelt sätt att lägga till mörkt läge i ditt WordPress-administrationsområde
Det enklaste sättet att lägga till ett mörkt läge i WordPress-administratörspanelen är att använda WP Dark Mode. Detta plugin gör det möjligt för administratörer att aktivera och inaktivera mörkt läge med ett enda klick.
Ännu bättre, om du driver en WordPress-blogg med flera författare, då kan varje person växla mörkt läge på och av som de föredrar. Pluginet kommer att komma ihåg deras preferens nästa gång de loggar in. För att lära dig mer, se vår kompletta recension av WP Dark Mode.
Först måste du installera och aktivera WP Dark Mode-pluginet. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
När det har aktiverats, gå till sidan WP Dark Mode » Inställningar i din WordPress-instrumentpanel och klicka sedan på fliken Admin Panel Dark Mode.
Aktivera sedan knappen 'Enable Admin Dashboard Dark Mode'.

Du kan också aktivera mörkt läge för blockredigeraren om du föredrar det.
Rulla sedan nedåt och klicka på knappen 'Spara ändringar'.

Vid det här laget ser du en ny omkopplare för 'Ljus / Mörk' i adminverktygsfältet.
Du kan klicka på den här växlingsknappen för att aktivera och inaktivera mörkt läge i administratörsområdet.

'Mörkt läge' är inte ett adminfärgschema, så efter att ha aktiverat det kanske du vill prova att ändra adminfärgschemat.
Genom att välja ett mörkt färgschema kan du ytterligare minska mängden ljus som kommer från skärmen. Ett annat alternativ är att välja ett ljusare färgschema, vilket gör mörka läget på instrumentpanelen lättare att läsa.
För att ändra administratörens färgschema, gå till Användare » Profil och välj sedan något av alternativen under Administratörens färgschema.

Du kan också aktivera mörkt läge på webbplatsens frontend.
För att göra detta, byt till fliken 'Frontend Dark Mode' och aktivera knappen 'Enable Frontend Dark Mode'.

Som tidigare, se till att klicka på knappen ‘Spara ändringar’ när du är klar.
Besökare kommer fortfarande att se den vanliga, ljusa versionen av din WordPress-blogg eller webbplats. Men de kan växla till mörkt läge när som helst genom att klicka på ikonen i det nedre högra hörnet.

För fler tips och tricks om hur du anpassar ditt adminområde, kolla in dessa guider:
- Viktiga tips för att skydda ditt WordPress adminområde (uppdaterad)
- Hur man lägger till anpassade adminmeddelanden i WordPress
- Hur man inaktiverar WordPress admin-fält för alla användare utom administratörer
- Hur man döljer onödiga menyalternativ från WordPress Admin
- Hur man lägger till ett aviseringcenter i WordPress Admin
- Hur man tillämpar CSS för specifika användarroller i WordPress
- Hur du vitmärker din WordPress-adminpanel
Vi hoppas att den här handledningen hjälpte dig att lära dig hur du lägger till mörkt läge i din WordPress-administrationspanel. Du kanske också vill se våra experters val av de bästa plugins för WordPress admin-instrumentpanel och vår guide om hur man inaktiverar alla plugins när wp-admin inte är tillgängligt.
Om du gillade den här artikeln, prenumerera då på vår YouTube-kanal för WordPress-videoguider. Du kan också hitta oss på Twitter och Facebook.


Olaf
Det här är en utmärkt artikel. Jag arbetar ofta sent på natten, särskilt när en deadline för en webbplats närmar sig och det måste göras. Jag använder redan glasögon mot blått ljus, men mörkt läge i admin kan vara ett annat sätt att minska ansträngningen för mina ögon. Trots allt tröttar kontrasten mellan en vit bakgrund och mörk text verkligen ögonen. Jag kommer definitivt att prova det här tipset på en av mina webbplatser och jämföra för att se om jag känner mig mindre trött när jag arbetar.
Jiří Vaněk
Tack för rådet. Jag har både systemets och webbläsarens mörka läge inställt på Windows 11, men WordPress fortsätter att ignorera denna inställning. Webbläsarinställningar och till och med ett webbläsartillägg som ska tvinga fram mörkt läge hjälpte inte. Och nu förstår jag att det kommer att vara ett problem med att WordPress saknar färgschema för mörkt läge. Tack för den värdefulla erfarenheten och råden om hur man tvingar fram mörkt läge.
WPBeginner Support
You’re welcome
Admin
Dan
Tack.
Det här är ett "workaround"-plugin, vilket inte är idealiskt.
Jag har observerat att varje gång jag klickar på något i gränssnittet, blinkar det i 1 sekund i originalfärgen och växlar sedan till mörkt läge.
Helst borde WordPress lägga till det i sitt färgschema.
WPBeginner Support
Du kanske vill ändra ditt färgschema under Användare>Profil för att ställa in basfärgen för att förhindra fördröjningen i stilens laddning.
Admin
Thia
Fantastiskt. Provade precis pluginet och det är riktigt coolt.
WPBeginner Support
Kul att du gillade vår rekommendation!
Admin
Darlington
Vad sägs om hur man implementerar mörkt läge i frontend på min wordpress-webbplats?
WPBeginner Support
Det skulle bestämmas av ditt tema, om du kontaktar ditt temas support bör de kunna informera dig.
Admin
Darlington
Okej. Tack så mycket.
Kuldeep Singh
Fantastiskt!
Tack allihop. Det hjälpte mig att få önskad mörk tema för instrumentpanelen. Men jag behöver också standardredigerarens bakgrund i mörkt tema. Finns det ett enda plugin som kan ändra instrumentpanelens och redigerarens bakgrund till mörkt läge?
WPBeginner Support
Du vill kontakta pluginets support för deras rekommendation först
Admin