Så här addar du mörkt läge till din website i WordPress (enkelt)

Vill du lägga till mörkt läge på din site i WordPress?

Genom att lägga till mörkt läge i WordPress kommer din website att anpassas automatiskt baserat på besökarens alternativ i webbläsaren. You can also add a dark mode toggle to your site, så att besökarna enkelt kan växla mellan mörkt och ljust läge.

I den här artikeln visar vi hur du enkelt kan add to dark mode till din WordPress website.

Vad är Dark Mode och varför ska du add to det på din website?

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

Vissa tror till och med att det allow you att använda datorer och mobila devices sent på kvällen utan att det vita och blå ljuset förstör din sömn.

Vissa enheter har ett built-in nattläge som helt enkelt använder varmare färgtoner. Men mörkt läge lägger faktiskt till mörka färger i enhetens bakgrund.

Vissa populära webbplatser som YouTube erbjuder ett built-in mörkt färgschema.

På stationära datorer kan du besöka websites i mörkt läge med hjälp av en utökning till Chrome, till exempel Night Eye.

Så här ser WPBeginners website ut med den utökningen:

Genom att lägga till en toggle för mörkt läge på din website kan användarna välja det läge de föredrar utan att behöva installera en särskild utökning av webbläsaren.

Du kan även add to dark mode till din WordPress admin area. Detta kan vara användbart om du arbetar på din site på natten eller om du lider av ansträngda ögon.

Med detta i åtanke ska vi nu se hur du kan add to dark mode till din websites front-end som vänder sig till allmänheten och admin area på din WordPress-webbplats.

Tips: Vill du använda ett mörkt färgschema även när besökarens device är i normal- eller dagsljusläge? Kontrollera då vår lista över de bästa mörka themes för WordPress.

Video Tutorial

Subscribe to WPBeginner

Om du föredrar skriftliga instruktioner är det bara att fortsätta läsa.

Så här addar du Dark Mode till din website i WordPress

Det enklaste sättet att skapa ett mörkt läge för din website är genom att använda WP Dark Mode. Detta plugin lägger till en toggle så att besökare kan aktivera mörkt läge på din website. Det kan även lägga till en toggle i admin area, så att du kan aktivera mörkt läge för WordPress dashboard.

Du kan lära dig mer om pluginet i vår detaljerade WP Dark Mode review.

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

Vid aktivering, besök WP Dark Mode ” Settings page från WordPress dashboard och toggle ’Aktivera Front-end Dark Mode’ switch till ”ON”.

När du har gjort det kan du också välja ett standardläge för din websites front-end. Efter det klickar du på knappen ”Save Changes” för att store dina inställningar.

Därefter går du till tabben ”Customize” där du kan välja en layout, storlek och position för brytaren som du gillar.

Du kan också ändra färgen på omkopplaren 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 ”Save Changes” för att lagra dina inställningar. Besök nu din WordPress site för att se dark mode toggle i action.

If you view the mobile version of your website, then you’ll see that the dark mode works on smartphones and tablets, too.

Lägga till mörkt läge till ditt WordPress admin area

Du kan ändra färgschemat för admin i WordPress med hjälp av de built-in settings. Inget av standard färgscheman minskar dock det vita ljus som kommer från vyn.

Om du arbetar sent på kvällen eller lider av ansträngda ögon kan du försöka lägga till ett mörkt läge i WordPress admin area och Block Editor.

För att göra det, besök WP Dark Mode ” Settings page och växla till ”Adminpanel Dark Mode” tabs från den vänstra kolumnen.

Här togglar du omkopplaren för alternativet ”Aktivera Admin Dashboard Dark Mode” till ”ON” och klickar på knappen ”Save Changes”.

När du har gjort det kommer du att notera att knappen för mörkt läge har varit högst upp på din WordPress dashboard.

Härifrån kan du toggla omkopplaren för att aktivera det här läget när du gillar det.

Om du vill add to ett mörkt läge även för Block Editor måste du toggle omkopplaren ”Block Editor Dark Mode” till ”ON”.

Klicka sedan på knappen ”Save Changes”.

Öppna nu en page eller post i content editor där du kommer att notice a dark mode icon at the top. Här klickar du på den för att förstora tabben och väljer alternativet ”Mörkt läge”.

Så här ser din Block Editor ut i mörkt läge.

Vi hoppas att den här artikeln hjälpte dig att lära dig hur du addar mörkt läge till din website i WordPress. Du kanske också vill se vår guide om hur du skapar en landing page i WordPress eller se våra expertval för de WordPress tillägg som du måste ha.

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.