Vil du legge til mørk modus til din nettside WordPress?
Mange enheter har nå støtte for naturlig mørk modus. Legger til denne modusen til din nettstedet Web Tilpasser automatisk designet til brukernes nettleserpreferanser. Du kan til og med legge til en bryter til din nettside å bytte til det.
I denne artikkelen skal vi vise deg hvordan du enkelt kan legge til mørk modus på WordPress-nettstedet ditt både på frontend og i adminområdet.
Men før, hvis du aldri har installert WordPress Discover Hvordan installere en WordPress blogg 7 trinn et Hvordan finne, installere og aktivere en WordPress tema på bloggen din
Så tilbake til hvorfor vi er her.
Hva er mørk modus og hvorfor legge det til nettstedet ditt?
Mørk modus brukes på mobile enheter og datamaskiner for å redusere mengden hvitt lys på skjermen.
Noen enheter har en nattmodus som faktisk bruker varmere fargetoner i stedet. Mørk modus tar en annen tilnærming ved å legge til mørke farger i bakgrunnen.
Hvis du har en iPhone eller Android-enhet, kan du kanskje bytte til mørk modus bare ved å bruke en bryter.
Alternativt, på datamaskinen din, kan du se nettsteder i mørk modus ved hjelp av en Chrome-utvidelse som Night Eye. Slik ser BlogPasCHERS bloggseksjon ut ved hjelp av dette pluginet:
Å legge til en mørk modus på nettstedet ditt gir brukerne muligheten til å slå mørk modus av og på når de ser på nettstedet ditt. Det gir deg også mer kontroll over hvordan nettstedet ditt vises i mørk modus.
Populære nettsteder som YouTube tilbyr også et mørkt fargevalg. Dette lar brukerne se videoer sent på kvelden med en mer behagelig opplevelse.
Foruten å legge til mørk modus på nettsiden din, kan du til og med legge til mørk modus i WordPress-administrasjonsområdet ditt. Dette kan være nyttig hvis du jobber på nettstedet ditt om kvelden eller om natten.
La oss først se på hvordan du legger til mørk modus på WordPress-nettstedet ditt. Deretter dekker vi å legge til mørk modus på WordPress-dashbordet ditt.
Council: Vil du ha et nettsted med et mørkt fargevalg, selv med brukerens enhet i normal- eller dagmodus? Så sjekk ut listen vår over beste mørke temaene for WordPress.
Legge til mørk modus på WordPress-nettstedet ditt
Først av alt må du installere og aktivere plugin-modulen WP mørk modus. For mer informasjon, se vår trinnvise guide hvordan du installerer en WordPress-plugin.
Etter aktivering, gå til siden Innstillinger »WP Dark Mode fra WordPress-dashbordet og klikk på fanen generelle innstillinger. Du bør omdirigeres dit automatisk.
Her er parameteren 'Aktiver OS-bevisst mørk modus' har blitt aktivert for deg. Dette betyr at Besøkende vil automatisk se mørk modus-versjonen av nettstedet ditt når enheten deres er satt til mørk modus.
Parameteren 'Vis flytende bryterhar også blitt aktivert. Dette betyr at brukere når som helst kan bytte nettstedet til mørkt modus, selv om de ikke har aktivert et alternativ for mørk modus på enheten.
Bare besøk nettstedet ditt, så ser du bryteren nederst i høyre hjørne. Klikk på den for å umiddelbart bytte nettstedet til mørkt modus på enheten:
Det er flere tilpasningsalternativer tilgjengelig på siden Innstillinger »WP Dark Mode. Disse er imidlertid ganske begrenset med gratisversjonen.
For eksempel trenger du bare å klikke på fanen Skjerminnstillinger for å endre stilen til den flytende bryteren:
Du kan også tilpasse fargene i mørk modus ved å bruke fanen Stilinnstillinger :
Sørg for at du klikker på knappen Lagre innstillinger for å lagre innstillingene etter endringer.
Merk: Med den gratis versjonen av dette pluginet får du bare de to første stilene med flytende bryter, og de to første forhåndsinnstillingene for farger.
Pro-versjonen tilbyr mange flere designalternativer, i tillegg til muligheten for å aktivere mørk modus på bestemte tidspunkter og muligheten til å legge til tilpasset CSS-kode.
Legge til mørk modus på WordPress-dashbordet
WordPress leveres med fargevalg for adminområdet, men ingen av standard fargevalg reduserer det hvite lyset som kommer fra skjermen. Heldigvis løser dette pluginet dette problemet.
La oss ta en titt på hvordan du enkelt kan legge til mørk modus i WordPress-adminområdet ditt for en brukeropplevelse finere i løpet av de sene timene.
Du må bare gå til siden Innstillinger »WP Dark Mode og klikk på fanen generelle innstillinger. Snu deretter bryteren 'Aktiver Backend Darkmode'. Ikke glem å klikke på knappen Lagre innstillinger på slutten av siden:
Du vil nå se en ny bryter i den øverste linjen i adminområdet:
Bare klikk på denne bryteren for å umiddelbart bytte administratorområdet til mørkt modus.
Council: Hvis nettstedet ditt har flere WordPress-brukere, kan hver person bytte til mørk modus etter eget ønske.
Siden 'Mørk modus'er ikke et admin fargeskjema, du kan enkelt bruke det med et eksisterende WordPress admin fargeskjema. For å definere dette er det bare å gå til Brukere »Profil og klikk på et alternativ under Admin Color Scheme.
Merk at du må slå av mørk modus for å se administratorens fargevalg:
Når du skriver et innlegg i WordPress-blokkeredigerer, kan du også bytte til mørk modus. Klikk på det lille fargeikonet øverst til venstre, og velg deretter modusen du vil bruke:
Nå kan du komfortabelt skrive og jobbe på nettstedet ditt om natten uten å anstrenge øynene.
Andre anbefalte ressurser
Vi inviterer deg også til å konsultere ressources nedenfor for å gå dypere inn i å komme i gang med og kontrollere nettstedet og bloggen din.
- Hvordan legge inn videoer i WordPress-blogginnleggene dine
- Hvordan legge til en Beach Slider på et WordPress-skjema?
- 7 WordPress plugins for å lage varslinger bar
- 8 WordPress plugins for å legge prisdiagrammer til bloggen din
konklusjonen
Her er ! Det er det for denne guiden. Vi håper denne artikkelen har hjulpet deg med å lære hvordan du legger til mørk modus på WordPress-nettstedet ditt. Du kan også lese artikkelen vår på 9 WordPress plugins for å tilpasse oversikten.
Du vil imidlertid også kunne konsultere våre ressources, hvis du trenger flere elementer for å gjennomføre prosjektene dine med oppretting av nettsteder, ved å konsultere vår guide om WordPress blog oppretting eller den på Divi: tidenes beste WordPress-tema.
Hvis du har en venn eller en kommentar, kan du legge den i delen kommentar. For det meste del denne artikkelen på de forskjellige sosiale nettverkene dine.
...
