Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Cup
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts
WP Dark Mode kan add to mörkt läge på din website som vänder sig till allmänheten och i adminpanelen. Det kan också aktivera det här läget automatiskt baserat på användarens enhetsinställningar eller ett schema som du ställer in.
Har du använt "WP mörkt läge" förut? Lägg till din recension för att hjälpa communityn.

Fördelar:

  • Plugin för mörkt läge
  • Add dark mode till din front-end och WordPress dashboard
  • 19 växlande stylingar
  • Schemalägg mörkt läge baserat på användarens Settings eller tidszon
  • Animationer för övergångar
  • Exkludera custom post types, pages, posts, categories och tags från mörkt läge
  • Built-in analytics och email reports

WPBeginners användare kan save upp till 25%!

Besök WP mörkt läge

(denna rabatt kommer att tillämpas automatiskt)

| Reader Disclosure

WP Dark Mode Review: Är det rätt tillägg för mörkt läge för dig?

Letar du efter en WP Dark Mode review för att hjälpa dig att bestämma om det är rätt plugin för mörkt läge för dig?

Detta plugin kan add to ett mörkt läge till din webbplats som vänder sig till allmänheten och WordPress admin area. För många människor kan detta hjälpa dem att undvika ansträngda ögon och huvudvärk och främja bättre sömn även när de besöker din site under dåliga ljusförhållanden.

I denna WP Dark Mode review, kommer vi att titta på detta populära plugin för mörkt läge för att se om det är rätt för din WordPress website.

WP Dark Mode review: Is it the right dark mode plugin for you?

WP mörkt läge: Varför använda det i WordPress?

WP Dark Mode allow visitors to activate dark mode on your WordPress website or blogg, with a single click.

How to add dark mode to your WordPress blog or website

Det adderar också en toggle till admin dashboard, så att användare kan activate dark mode i sin WordPress dashboard.

För att göra användarupplevelsen sömlös kan WP Dark Mode aktivera och inaktivera det här läget automatiskt baserat på användarens enhetsinställningar, eller baserat på ett schema som du ställer in. Du kan till och med automatiskt aktivera mörkt läge i skymningen, baserat på besökarens location.

Om du precis har kommit igång eller har en limit budget kan du downloada lite-versionen av WP Dark Mode från WordPress.org.

The free WP Dark Mode WordPress plugin

Detta gratis plugin add’ar ett mörkt läge till din WordPress blogg eller website.

Du kan också göra mörkt läge till din sites standard, eller aktivera och inaktivera detta läge automatiskt baserat på användarens inställningar. Premium pluginet ger dock en mer sömlös upplevelse genom att automatiskt aktivera mörkt läge vid en viss tidpunkt, eller aktivera det vid solnedgången baserat på besökarens geografiska location.

Premiumpaketet innehåller också ytterligare brytardesign och fler alternativ för customize, så att you kan skapa en brytare som passar perfekt till your företag eller personliga varumärke.

WP Dark Mode Review: Är det rätt tillägg för mörkt läge för dig?

Genom att lägga till en toggle för mörkt läge på din website kan användarna välja önskat läge utan att behöva installera en separat utökning av webbläsaren. Om användare regelbundet arbetar på din site sent på kvällen eller lider av ansträngda ögon, kan ett plugin för mörkt läge också gynna dina administratörer, författare och andra contributors.

Med det sagt, låt oss se om WP Dark Mode är rätt plugin för mörkt läge för you.

1. Flytande omkopplare för mörkt läge

WP Dark Mode add to en flytande strömbrytare för mörkt läge längst ner på vyn.

An example of a floating dark mode switch on a WordPress website

This allows visitors toggle between dark and light mode, on any page of your website, blogg, or online store.

2. Kompatibel med WordPress Themes

WP Dark Mode är kompatibelt med alla de mest populära themes för WordPress, inklusive Astra, OceanWP och Divi.

Eftersom det är kompatibelt med så många themes kan du när som helst ändra ditt WordPress theme utan att förlora dina dark mode-inställningar.

3. Helt anpassningsbara switchar

Det gratis pluginet kommer med 3 olika switch-stilar som du kan använda. Men om du uppgraderar till premium-pluginet får du tillgång till 19 mörkt läge-omkopplingsstilar.

Applying a ready-made style to a toggle

När du har valt en styling kan du customize den genom att ändra storlek, icon, text, färger, call-to-action med mera. Du kan även uploada dina egna custom icons för att använda i toggle. På så sätt kan du skapa en switch som passar perfekt till ditt WordPress theme.

Alternativt kan du välja mellan 13 förinställda färger. Även om du väljer en förinställning kan du fortfarande tweaka varje del av den förinställningen, inklusive att ändra text, färgschema, knappar och rullningslist.

Choosing a color preset for your WordPress dark mode

Ett annat alternativ är att skapa en custom färgpreset och sedan använda den på exakt samma sätt som standardpreseten. Det här är ett snabbt och enkelt sätt att skapa en design som passar perfekt till ditt varumärke och färgschema.

4. Inbyggda animationer

WP Dark Mode levereras med flera övergångsanimationer som du kan använda när besökare växlar mellan mörkt och ljust läge, inklusive fade in, pulse och flip.

Ännu bättre är att WP Dark Mode editor kommer med en built-in preview, så att du kan prova massor av olika animationer och se vilken du föredrar.

Adding transition effects to dark and light mode

5. Placering av flera brytare

Med WP Dark Mode kan du välja exakt var brytaren ska visas på vyn. Till att börja med kan du välja mellan vänster-, höger- och customize-justering.

Changing the position of a toggle on your WordPress website, blog, or online marketplace

WP Dark Mode kan också add to en switch till din navigation menu.

Kontrollera bara en knapp i menyn Settings, så sköter WP Dark Mode resten.

Adding a dark mode switch to your WordPress navigation menu

Du kan också komma åt några grundläggande alternativ för customize i adminpanelen ”Edit Menu”, så att du kan utforma brytaren så att den passar perfekt till din menu.

Alternativt kan du add to en switch till innehållet på din page och i dina posts. You can choose to display the switch before the main content, or below the page content.

Adding a dark mode toggle to your pages and posts

6. Dark Mode Switch Block

Behöver du control exakt var toggle för mörkt läge visas på skärmen? Alternativt kanske du bara vill add to specifika sidor, som till exempel en viss landing page.

I så fall tillhandahåller WP Dark Mode ett block som du kan add to via WordPress content editor.

Adding a Dark Mode block in the WordPress block editor

Du kan också ändra stil och storlek på brytaren via WordPress block editor. Detta allow you att åsidosätta standardinställningarna och ge varje switch ett unikt utseende och känsla. Alternativt kan du add to switchen med hjälp av en shortcode som WP Dark Mode provider automatiskt.

7. Schemalägg mörkt läge automatiskt

WP Dark Mode kan ändra läget på din site automatiskt, kl. en viss tidpunkt. Detta baseras på användarens settings, så det är perfekt om du har en internationell publik.

Ett annat alternativ är att aktivera mörkt läge automatiskt vid solnedgången, baserat på besökarens location. Det här är ett valfritt alternativ, så det aktiverar alltid mörkerläget vid rätt tidpunkt för varje användare.

8. Växla lägen baserat på användarens Settings

WP Dark Mode kan upptäcka om användarens device är i ljust eller mörkt läge. Det kan sedan växla till rätt läge för enhetens settings, för en mer sömlös upplevelse för besökaren.

Den här funktionen är kompatibel med alla större operativsystem, inklusive iOS, Android, macOS och Windows 10. Med det sagt bör den ge samma upplevelse för alla användare, oavsett vilken device de använder.

9. Admin mörkt läge

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 mängden vitt ljus som kommer från vyn.

Med det sagt kommer du att bli glad att höra att WP Dark Mode kan add to en toggle till adminpanelen också.

Enabling dark mode in the WordPress admin area

När du har aktiverat mörkt läge kommer administratörer och andra inloggade användare att se en version av WordPress dashboard i mörkt läge.

Pluginet kan också add dark mode till block editor, för en mer sömlös användarupplevelse.

Enabling dark mode for the WordPress content editor

När du har aktiverat den här inställningen är det bara att öppna en page eller ett post i content editor.

Du kommer nu att se ett alternativ för att aktivera mörkt läge.

How to enable dark mode in the WordPress block editor

Ännu bättre, om du run en WordPress blogg med flera auktoriseringar, kan varje användare toggle mörkt läge på och av som de vill. Pluginet kommer till och med att komma ihåg varje användares alternativ nästa gång de loggar in.

10. Utvalda funktioner för tillgänglighet

Vissa visitors kanske använder accessibility tools eller har andra behov. För att stödja dessa användare tillåter WP Mode dig att toggle mörkt läge med hjälp av ett kortkommando eller en parameter på domänen.

Dessutom kan vissa besökare tycka att det är svårt att läsa text i mörkt läge. För att hjälpa dessa användare kan du öka storleken på fonten automatiskt när mörkt läge aktiveras.

Automatically adjusting the font size on your website

Mer information om ämnet finns i vår guide om hur du förbättrar tillgängligheten på din WordPress site.

11. Öka din websites prestanda

WP Dark Mode kommer med ett antal Settings som kan förbättra din pages laddningshastigheter. Detta inkluderar att välja om skripten för mörkt läge ska laddas innan de analyseras och renderar sidans content, eller om skripten för mörkt läge ska hämtas asynkront.

You can also load your scripts in the footer, which will reduce render-blocking.

12. Ändra standardläget

Med detta plugin har du alternativet att göra mörkt läge till din websites standard. Detta innebär att besökare kommer att se mörkt läge först när de besöker din website, blogg eller onlinemarknadsplats.

Making dark mode the default on a WordPress website, blog, or online store

Dessa besökare kan när som helst byta till ljusläge genom att helt enkelt klicka på WP Dark Mode-knappen.

13. Ljusstyrka och gråskaleeffekter

Mörkt läge kan göra det svårt att se din websites media clear, eller så kan dina videoklipp och images se för ljusa ut när mörkt läge är aktiverat.

Med det sagt kan detta plugin minska ljusstyrkan på dina images och videoklipp automatiskt, baserat på dina settings. Du kan också add to en gråskaleeffekt och finjustera mängden gråskala så att den passar perfekt till din website.

Automatically adjusting the brightness on a WordPress image

Dessa Settings är viss nytta om images eller videoklipp utgör en stor del av din website. Till exempel bör du utforska dessa alternativ om du run en portfölj med fotografier eller säljer digital grafik online.

Om du aktiverar låg ljusstyrka eller gråskala kan du utesluta specifika images eller videoklipp. You kanske till exempel vill utesluta logotypen för din website, så att den inte försvagar ditt varumärke.

Excluding specific images from your grayscale effects

Ett annat alternativ är att ersätta specifika images eller videoklipp när mörkt läge är aktiverat. You kan till exempel designa en version av en infografik som är optimerad för mörkt läge.

På samma sätt, om dina videoklipp har en mörk bakgrund kan detta försvinna när du aktiverar mörkt läge. Med det sagt kan du redigera videoklippet så att det får en ljusare bakgrund och sedan uploada den nya versionen för mörkt läge.

Showing alternative videos and images when your site is in dark mode

14. Exkludera specifika pages, posts och mer

Ibland kanske du vill utesluta vissa sidor från mörkt läge, t.ex. viktiga landing pages eller försäljningssidor.

Med WP Dark Mode kan du utesluta specifika pages och posts, custom post types eller till och med hela kategorier och tags.

How to exclude categories and tags from dark mode

Run du en online store? Då kan du också utesluta alla dina WooCommerce-produkter och produktkategorier från mörkt läge.

15. Support för Custom CSS

WP Dark Mode har massor av alternativ för customize. Men mer avancerade användare har också alternativet att använda custom CSS via en built-in code editor i pluginets inställningar.

How to add custom CSS to your website

This allows you to fine-tune specific settings and elements within the toggle, to create your perfect design.

16. Analys i mörkt läge

Oavsett vilken typ av website, blogg eller store du skapar är det viktigt att följa upp hur människor interagerar med ditt content.

Med detta i åtanke kommer WP Dark Mode med built-in analytics så att du kan se hur människor använder mörkt läge.

How to track visitors on your WordPress website

You can use this insight to fine-tune how dark mode works on your website. Du kan till exempel utesluta vissa custom post types, ändra ditt schema för mörkt läge eller tweaka togglens design för att göra den mer synlig.

WP Dark Mode kan också skicka denna information via email, så att du kan övervaka din trafik och dina besökares aktivitet utan att ens logga in i WordPress dashboard.

17. Support för Elementor

Använder du Elementor?

WP Dark Mode integreras sömlöst med denna populära page builder, genom att tillhandahålla en Elementor widget. Med denna widget kan du placera omkopplaren för mörkt läge på vilken page eller post som helst.

18. Export and Import Settings

Runar du en WordPress utvecklare eller äger du flera websites? I så fall kanske du använder samma inställningar för mörkt läge på flera webbplatser.

I stället för att återskapa dessa Settings manuellt kan du exportera dem som en JSON-fil.

How to export your WP Dark Mode settings

You can then import your settings into any other website that has WP Dark Mode installed.

19. Delningsknappar för sociala medier

Som en extra bonus kommer WP Dark Mode med sociala delningsknappar som du kan lägga till på din WordPress website.

How to display social sharing icons on your blog or website

You can fine-tune where these buttons appear on your posts and pages, change the spacing, specify what information to include, and much more.

Dessa knappar är utformade med mörkt läge i åtanke, så de kommer att se bra ut oavsett vilket läge användaren aktiverar.

Customizing the social sharing icons on your website or online store

20. Stöd från samhället och professionella

Med detta WordPress plugin kan du add dark mode till din website’s front-end och dashboard, med bara några clicks. Men det har också massor av ytterligare customize-inställningar och alternativ som du kan utforska.

Om du vill gräva djupare kan du dra nytta av lite extra hjälp. Till att börja med finns det online documentation som visar hur man installerar och aktiverar pluginet, innan man går vidare till mer avancerade ämnen och funktioner.

An example of an online knowledge base

Det finns också en blogg där WP Dark Mode-teamet täcker en rad olika ämnen. Här hittar du deras expertval av de permanentaktiverade tillägg till WordPress som du kanske vill använda tillsammans med WP Dark Mode, plus användbara tutorials.

Om du använder det gratis pluginet kan du posta till WP Dark Mode-forumet på WordPress.org och få svar på grundläggande frågor.

När du publicerar inlägg i offentliga forum för support är det alltid en bra idé att inkludera så mycket information som möjligt, så att experterna kan förstå ditt problem fullt ut och posta en användbar response. För mer information om detta ämne, vänligen se vår guide om hur man korrekt ber om support för WordPress.

Om du upgraderar till premium plugin får du också tillgång till chattsupport och VIP-support, så att du kan få hjälp direkt från experterna.

WP Dark Mode Review: Priser och planer

Om du precis har kommit igång eller har en limit budget kan du downloada lite-versionen av WP Dark Mode från WordPress.org.

Men om du vill schemalägga mörkt läge för att aktiveras automatiskt och låsa upp fler alternativ för customize, måste du uppgradera till premium pluginet.

WP Dark Mode's pricing and plans

Du kan antingen köpa en årlig eller livstidslicens. Oavsett vilken licens du får kommer priset att variera beroende på antalet webbplatser där du vill använda WP Dark Mode.

Om du tackar ja till en årslicens kan du installera WP Dark Mode på en enda webbplats för $49. Samtidigt kan du installera pluginet på upp till 5 webbplatser för $66,75 per år. Detta är ett bra alternativ om du run flera webbplatser, till exempel flera affiliate-marknadsföringsbloggar i ett nätverk.

Vill du köpa en livstidslicens? Då kan du använda WP Dark Mode på upp till 50 websites för $174,30. Slutligen kan du installera detta plugin på upp till 1 000 webbplatser för $226,85. Med detta sagt är dessa livstidslicenser idealiska för stora WordPress-utvecklare agencies eller frilansande utvecklare med en lång lista över kunder.

WP Dark Mode Review: Är det rätt tillägg för mörkt läge för dig?

Efter att ha tittat på funktioner, support och priser, är vi övertygade om att WP Dark Mode är ett bra plugin för mörkt läge. Det hjälper dina användare att undvika ansträngda ögon och huvudvärk genom att lägga till ett mörkt läge på din webbplats som vänder sig till allmänheten och WordPress admin area.

När du har aktiverat detta läge kan du customize omkopplaren genom att lägga till ditt eget färgschema, call-to-action och icon. Du kan också kontrollera exakt var denna switch visas på din site, eller lägga till den på specifika sidor och posts med hjälp av ett block eller shortcode som pluginet tillhandahåller automatiskt.

För att förbättra användarupplevelsen kan du till och med aktivera mörkt läge automatiskt baserat på ett schema eller användarens device-inställningar.

Vi hoppas att denna WP Dark Mode review hjälpte dig att bestämma om det är rätt plugin för mörkt läge för dig. Därefter kanske du vill se vår guide om hur man väljer den bästa webbdesignprogramvaran, eller kontrollera vårt expertval av de bästa analyslösningarna för WordPress användare.

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.

WPBeginners användare kan save upp till 25%!

Den ultimata WordPress-verktygslådan

Få GRATIS tillgång till vår verktygslåda - en samling WordPress-relaterade produkter och resurser som varje professionell användare bör ha!

Avslöjande: Vårt innehåll stöds av våra läsare. 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 editoriala process.

Reader Interactions

1 AnvändarrecensionLägg till din recension

  1. Syed Balkhi says

    Hey WPBeginner readers,
    Did you know you can win exciting prizes by commenting on WPBeginner?
    Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
    You can get more details about the contest from here.
    Start sharing your thoughts below to stand a chance to win!

Lämna en recension

Tack för att du väljer att lämna en recension. Tänk på att alla recensioner modereras enligt våra policy för kommentarer, och din e-postadress kommer INTE att publiceras. Använd INTE nyckelord i namnfältet. Låt oss ha en personlig och meningsfull konversation.

Ditt betyg: