Pålitliga WordPress-handledningar, när du behöver dem som mest.
Nybörjarguide till WordPress
WPB Cup
25 miljoner+
Webbplatser som använder våra plugins
16+
År av WordPress-erfarenhet
3000+
WordPress-handledningar
av experter

Hur man lägger till mörkt läge i din WordPress adminpanel

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.

Hur man lägger till mörkt läge i din WordPress adminpanel

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.

Mörkt läge i macOS

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.

Ett exempel på mörkt läge på YouTube-webbplatsen

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

Aktivera mörkt läge i WordPress

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

Spara inställningar för WP Dark Mode-plugin

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.

Aktivera mörkt läge i WordPress

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

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

Aktivera mörkt läge för webbplatsens frontend

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.

Lägga till mörkt läge på din WordPress-webbplats

För fler tips och tricks om hur du anpassar ditt adminområde, kolla in dessa guider:

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.

Upplysning: Vårt innehåll stöds av läsarna. 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 redaktionella process.

Det ultimata WordPress-verktyget

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som alla proffs bör ha!

Läsarnas interaktioner

12 CommentsLeave a Reply

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

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

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

    • 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

  4. Vad sägs om hur man implementerar mörkt läge i frontend på min wordpress-webbplats?

  5. 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?

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år kommentarspolicy, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namn fältet. Låt oss ha en personlig och meningsfull konversation.