Hur du lägger till mörkt läge på din WordPress-webbplats (enkelt sätt)

Att lägga till mörkt läge på WordPress-webbplatser har blivit ett hett ämne bland våra läsare. 🌙

Det handlar inte bara om att följa trender – forskning visar att mörkt läge kan minska ansträngda ögon för nattläsare och potentiellt spara batteritid på mobila enheter.

Genom vår erfarenhet av att hjälpa tusentals WordPress-användare att anpassa sina webbplatser har vi upptäckt de mest effektiva sätten att implementera denna funktion.

Medan många webbplatsägare antar att det kräver teknisk expertis, har moderna WordPress-verktyg gjort det mycket mer tillgängligt.💡

I den här guiden delar vi det enklaste sättet att lägga till mörkt läge i WordPress. Vi har testat den här lösningen på olika teman och konfigurationer för att säkerställa att den är pålitlig och enkel att lägga till.

Vad är mörkt läge och varför lägga till det på din webbplats?

Många mobila enheter och datorer använder mörkt läge för att minimera mängden vitt ljus som kommer från skärmen. Detta kan minska ansträngningen för ögonen, särskilt i svagt ljus.

Vissa tror till och med att det gör att du kan använda datorer och mobila enheter sent på natten utan att det vita och blå ljuset förstör din sömn.

Vissa enheter har ett inbyggt nattläge som helt enkelt använder varmare färgtoner. Mörkt läge lägger dock faktiskt till mörka färger till enhetens bakgrund.

Vissa populära webbplatser som YouTube erbjuder ett inbyggt mörkt färgschema.

På stationära datorer kan du besöka webbplatser i mörkt läge genom att använda ett Chrome-tillägg som Night Eye.

Så här ser WPBeginner-webbplatsen ut med den förlängningen:

Genom att lägga till en växlingsknapp för mörkt läge på din webbplats kan användare välja det läge de föredrar utan att behöva installera en speciell webbläsartillägg.

Du kan till och med lägga till mörkt läge i ditt WordPress administrationsområde. Detta kan vara användbart om du arbetar på din webbplats på natten eller om du lider av ansträngda ögon.

Med det i åtanke, låt oss se hur du kan lägga till mörkt läge till din webbplats offentliga frontend och administrationsområdet på din WordPress-webbplats.

Tips: Vill du använda ett mörkt färgschema även när besökarens enhet är i normalt läge eller dagsljusläge? Kolla då in vår lista över de bästa mörka teman för WordPress.

Hur du lägger till mörkt läge på din WordPress-webbplats

Det enklaste sättet att skapa ett mörkt läge för din webbplats är att använda WP Dark Mode.

Vid testning upptäckte vi att detta plugin lägger till en växlingsknapp så att besökare kan aktivera mörkt läge på din webbplats. Det kan till och med lägga till en växlingsknapp till adminområdet, så att du kan aktivera mörkt läge för WordPress-instrumentpanelen.

Du kan läsa mer om det i vår detaljerade recension av WP Dark Mode.

Först måste du installera och aktivera det kostnadsfria WP Dark Mode-pluginet. För mer information, se vår guide om hur man installerar ett WordPress-plugin.

Efter aktivering, besök sidan WP Dark Mode » Inställningar från WordPress-instrumentpanelen och växla omkopplaren 'Aktivera mörkt läge för frontend' till 'PÅ'.

När du har gjort det kan du också välja ett standardläge för din webbplats frontend. Klicka sedan på knappen ‘Spara ändringar’ för att lagra dina inställningar.

Växla sedan till fliken ‘Anpassning’, där du kan anpassa omkopplarens layout, storlek och position.

Du kan också ändra färgen på växlingsknappen för mörkt läge, men du behöver pro-versionen av pluginet för det.

När du är klar klickar du bara på knappen ‘Spara ändringar’ för att lagra dina inställningar. Besök nu din WordPress-webbplats för att se omkopplaren för mörkt läge i aktion.

Om du visar mobilversionen av din webbplats, kommer du att se att det mörka läget fungerar på smartphones och surfplattor också.

Lägg till mörkt läge i ditt WordPress-adminområde

Du kan ändra administratörens färgschema i WordPress med hjälp av de inbyggda inställningarna. Ingen av standardfärgscheman minskar dock det vita ljuset som kommer från skärmen.

Om du arbetar sent på kvällen eller lider av ansträngda ögon, kan du prova att lägga till ett mörkt läge i WordPress administrationsområde och blockredigerare.

För att göra det, besök sidan WP Dark Mode » Inställningar och växla till fliken ‘Admin Panel Dark Mode’ från den vänstra kolumnen.

Här, växla omkopplaren för alternativet 'Aktivera mörkt läge för adminpanelen' till 'PÅ' och klicka på knappen 'Spara ändringar'.

När du har gjort det kommer du att märka att omkopplaren för mörkt läge har funnits högst upp i din WordPress-instrumentpanel.

Härifrån kan du växla omkopplaren för att aktivera detta läge när du vill.

Om du även vill lägga till ett mörkt läge för blockredigeraren, måste du växla omkopplaren ‘Block Editor Dark Mode’ till ‘PÅ’.

Klicka sedan på knappen ‘Spara ändringar’.

Öppna nu en sida eller ett inlägg i innehållsredigeraren. Du kommer att märka en ikon för mörkt läge högst upp. Klicka på den för att expandera fliken och välj alternativet ‘Mörkt läge’.

Så här kommer din blockredigerare att se ut i mörkt läge.

Videohandledning

Prenumerera på WPBeginner

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du lägger till mörkt läge på din WordPress-webbplats. Du kanske också vill se vår guide om hur man väljer ett perfekt färgschema för din WordPress-webbplats eller se våra experters val för bästa WordPress-temabyggare för att anpassa din webbplats.

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.