Vill du lägga till mörkt läge till din webbplats WordPress?
Många enheter har nu stöd för inbyggt mörkt läge. Lägger till detta läge till din webbplats Anpassar automatiskt din design till dina användares webbläsarpreferenser. Du kan till och med lägga till en switch till din webbplats att byta till det.
I den här artikeln kommer vi att visa dig hur du enkelt kan lägga till mörkt läge på din WordPress-webbplats både på frontend och i adminområdet.
Men tidigare, om du aldrig har installerat WordPress-upptäckt Hur man installerar en Wordpress-blogg 7 steg et Hur man hittar, installera och aktivera en Wordpress tema på din blogg
Tillbaka till varför vi är här.
Vad är mörkt läge och varför lägga till det på din webbplats?
Mörkt läge används på mobila enheter och datorer för att minska mängden vitt ljus på skärmen.
Vissa enheter har ett nattläge som istället använder varmare färgtoner. Mörkt läge tar ett annat tillvägagångssätt genom att lägga till mörka färger i bakgrunden.
Om du har en iPhone eller Android-enhet kan du kanske växla till mörkt läge bara genom att använda en växling.
Alternativt kan du på din dator visa webbplatser i mörkt läge med ett Chrome-tillägg som Night Eye. Så här ser BlogPasChers bloggavsnitt ut med detta plugin:
Om du lägger till ett mörkt läge på din webbplats kan användarna aktivera och inaktivera mörkt läge när de visar din webbplats. Det ger dig också mer kontroll över hur din webbplats visas i mörkt läge.
Populära webbplatser som Youtube erbjuder också ett mörkt färgschema. Detta gör det möjligt för användare att titta på videor sent på kvällen med en bekvämare upplevelse.
Förutom att lägga till mörkt läge till din webbplats frontend, kan du 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å kvällen eller på natten.
Låt oss först titta på hur du lägger till mörkt läge på din WordPress-webbplats. Därefter täcker vi att lägga till mörkt läge på din WordPress-instrumentpanel.
Tips: Vill du ha en webbplats med ett mörkt färgschema, även med användarens enhet i normalt eller dagsläge? Så kolla in vår lista över bästa mörka teman för WordPress.
Lägga till mörkt läge på din WordPress-webbplats
Först av allt måste du installera och aktivera plugin WP mörkt läge. För mer information, se vår steg-för-steg-guide om hur man installerar ett WordPress-plugin.
Efter aktivering, gå till sidan Inställningar »WP Dark Mode från WordPress-instrumentpanelen och klicka på fliken Allmänna inställningar. Du ska omdirigeras dit automatiskt.
Här är parametern 'Aktivera OS-medvetet mörkt läge' har aktiverats för dig. Detta innebär att besökare kommer automatiskt att se mörkerlägesversionen av din webbplats när deras enhet är inställd på mörkt läge.
Parametern 'Visa flytande omkopplarehar också aktiverats. Detta innebär att användare kan när som helst byta sin webbplats till mörkt läge, även om de inte har aktiverat ett mörkt läge på sin enhet.
Besök bara din webbplats så ser du omkopplaren i det nedre högra hörnet. Klicka på den för att omedelbart växla din webbplats till mörkt läge på din enhet:
Det finns fler anpassningsalternativ tillgängliga på sidan Inställningar »WP Dark Mode. Dessa är dock ganska begränsade med den fria versionen.
Du behöver till exempel bara klicka på fliken Bildskärmsinställningar för att ändra stilen för den flytande växeln:
Du kan också anpassa färgerna i mörkt läge med hjälp av fliken Stilinställningar :
Se till att du klickar på knappen Spara inställningar för att spara inställningarna efter att ha gjort ändringar.
Notera: Med den fria versionen av detta plugin får du bara de första 2 stilarna av flytande switch och de första 2 färgförinställningarna.
Pro-versionen erbjuder många fler designalternativ, förutom möjligheten att aktivera mörkt läge vid specifika tider och möjligheten att lägga till anpassad CSS-kod.
Lägga till mörkt läge på WordPress-instrumentpanelen
WordPress levereras med färgscheman för adminområdet, men inget av standardfärgscheman minskar det vita ljuset som kommer från din skärm. Lyckligtvis löser detta plugin detta problem.
Låt oss ta en titt på hur du enkelt kan lägga till mörkt läge i ditt WordPress-administrationsområde för en användarupplevelse trevligare under de sena timmarna.
Du måste bara gå till sidan Inställningar »WP Dark Mode och klicka på fliken Allmänna inställningar. Vänd sedan omkopplaren 'Aktivera Backend Darkmode'. Glöm inte att klicka på knappen Spara inställningar i slutet av sidan:
Nu ser du en ny omkopplare i det övre fältet i ditt adminområde:
Klicka bara på den här växeln för att omedelbart växla ditt adminområde till mörkt läge.
Tips: Om din webbplats har flera WordPress-användarekommer varje person att kunna växla till mörkt läge som de föredrar.
Eftersom 'Mörkt läge'är inte ett adminfärgschema, du kan enkelt använda det med ett befintligt WordPress-adminfärgschema. För att definiera detta, gå bara till Användare »Profil och klicka på ett alternativ under Admin Color Scheme.
Observera att du måste stänga av mörkt läge för att se alternativen för adminfärgschema:
När du skriver ett inlägg i WordPress-blockredigerare, kan du också växla till mörkt läge. Klicka på den lilla färgikonen längst upp till vänster och välj sedan det läge du vill använda:
Nu kan du bekvämt skriva och arbeta på din webbplats på natten utan att anstränga ögonen.
Andra rekommenderade resurser
Vi inbjuder dig också att konsultera medel nedan för att ta mer ägande och kontroll över din webbplats och blogg.
- Så här bäddar du in videor i dina WordPress-blogginlägg
- Hur lägger jag till en Beach Slider på ett WordPress-formulär?
- 7 Wordpress plugins för att skapa meddelanden bar
- 8 WordPress-plugins för att lägga till prisdiagram på din blogg
Slutsats
Här är ! Det är det för den här guiden. Vi hoppas att den här artikeln har hjälpt dig att lära dig hur du lägger till mörkt läge på din WordPress-webbplats. Du kan också läsa vår artikel om 9 Wordpress plugins för att anpassa översikten.
Du kommer dock också att kunna konsultera vår medel, om du behöver fler element för att genomföra dina projekt för att skapa webbplatser, genom att konsultera vår guide om WordPress blogg skapande eller den på Divi: det bästa WordPress-temet genom tiderna.
Om du har en vän eller en kommentar, vänligen lämna den i avsnittet kommentar. Till största del dela den här artikeln på dina olika sociala nätverk.
.
