Slik legger du til mørk modus på WordPress-nettstedet ditt

bilde 3

Den mørke modusen har blitt stadig mer populær de siste årene, og med rette.

Det er mange fordeler ved å ha muligheten til å bytte nettsiden fra lys modus til en mer tiltalende mørk modus.

Hvorfor legge til mørk modus på WordPress-nettstedet ditt

Den mest åpenbare grunnen til at mørk modus er fordelaktig å ha på siden din, er at den reduserer mengden blått lys vi mottar fra å stirre på skjermen.

Og det er spesielt viktig om kvelden, da det kan forbedre søvnrutinen din drastisk.

La oss se på noen flere grunner til at du bør vurdere å legge til denne populære funksjonaliteten til designet ditt:

  • Reduserer belastningen på øynene om natten og reduserer gjenskinn.
  • Noen brukere har rapportert at det reduserer hodepine på skjermen.
  • Den mørke modusen bruker litt mindre energi for å øke batterilevetiden.

Du må også vurdere ulempene, som kan omfatte:

  • Noen brukere liker rett og slett ikke mørke farger.
  • Det kan redusere fokus i noen tilfeller.
  • Negativ (motstridende) effekt hvis du jobber under svært lyse forhold.
Å lese:  Hvordan legge til en virtuell omvisning i WordPress med WP VR

Det er viktig å vurdere både de positive og negative sidene. Det er derfor du aldri bør velge å bare ha mørk modus på siden din.

Det er viktig at du legger den til med en lysbryter slik at hver bruker kan bestemme hvilken modus de skal bruke.

Hvordan legge til mørk modus i WordPress

I tiden med HTML-nettsteder ville det være kjedelig og tidkrevende å legge til mørk modus.

Du må bygge en annen nettside med mørk design og bytte mellom dem.

Heldigvis finnes det en mye mer elegant løsning for WordPress-brukere.

WP mørk modus plugin implementerer sømløst mørk modus-funksjonalitet til nesten alle WordPress-temaer der ute.

Det fungerer i utgangspunktet ut av esken, med bare noen få justeringer som trengs for å perfeksjonere det for nettstedet ditt.

Men å velge en mørkt WordPress-tema kan bli enda bedre hvis du bygger et nettsted fra bunnen av.

1. Installer WP Dark Mode Plugin

Det første trinnet er å installere WP Dark Mode-plugin, så gå til Plugins > Legg til ny eller last den ned fra WordPress-depotet.

bilde 4

2. Aktiver mørk modus

Etter at plugin-en er aktivert, oppdater hjemmesiden din.

Du vil legge merke til at mørk modus allerede er aktivert og bryterknappen er pent plassert nederst til høyre på siden.

Å lese:  Hvordan endre tiden på en Amazfit-klokke?

Ved å klikke på bryteren vil du umiddelbart bytte mellom moduser.

bilde 5

Som du kan se, fungerer plugin allerede perfekt uten å berøre noen innstillinger.

Slik legger du til mørk modus til WordPress-administratoren din

Hvis du bruker mye tid på å skrive artikler i WordPress-dashbordet ditt, vil du kanskje også legge til mørk modus i backend-en din.

Drar mot WP Dark Mode > Innstillinger > Generelle innstillinger og slå på alternativet Aktiver Backend Darkmode.

bilde 6

Oppdater WordPress-administrasjonspanelet ditt, og mørk modus vil bli aktivert når siden laster inn.

Bytteknappen legges til i topplinjen, hvor du nå kan bytte mellom lys og mørk modus.

bilde 7

Bruk WP Dark Mode Plugin

Det er på tide å utforske hva WP Dark-modus tilbyr når det gjelder tilpasning og tilpasning.

Noen alternativer er gratis, mens de mer avanserte kun er tilgjengelige i PRO-versjonen.

For eksempel er flere design for flytebryterknapper bare tilgjengelige hvis du kjøper plugin.

bilde 8

Du kan tilpasse pluginet ytterligere ved å angi et fargeskjema.

To av dem er tilgjengelige i gratisversjonen av plugin, og de andre 10 layoutene (sammen med dine egendefinerte farger) er reservert for premium-brukere.

bilde 9

Programtillegget tilbyr massevis av tilpasninger, som:

  • Muligheten til å deaktivere mørk modus i WooCommerce-plugin kan være nyttig hvis produktene dine ser bedre ut på en lys bakgrunn.
  • Tilpasset CSS å matche pluginens design med nettstedet ditt perfekt (PRO-versjon).
  • Backend mørk modus
  • Analyse og rapportering slik at du kan sjekke hvor populær den mørke modusen er blant brukerne dine – en av favorittfunksjonene mine.
  • Reduserer lysstyrken til bilder når mørk modus er aktivert.
  • Den tidsbaserte mørke modusen lar deg automatisk slå på mørk modus innen et gitt tidsrom. Det kan være nyttig hvis de fleste av de besøkende er fra samme tidssone.
  • Solnedgangsmodus lar deg slå på mørk modus automatisk ved solnedgang. Det fine med denne funksjonen er at den tilpasser seg etter brukerens tidssone.
Å lese:  Bruk av Yt.be Activate for å aktivere YouTube på smartenheter

Bytt mellom lys og mørk modus

Du lurer kanskje på hvorfor akkurat du ville bytte mellom de to modusene.

Noen undersøkelser viste at det er viktig at vi får nok sterkt lys i løpet av dagen og reduserer det gradvis om kvelden.

Derfor er det viktig å bruke lysmodus når vi jobber aktivt og omgivelsene er lyse.

Bytt deretter til mørk modus om kvelden, når det er på tide å slappe av og kroppen forbereder seg på søvn.

Heldigvis er det så enkelt som mulig å bytte mellom de to modusene.

Bare KLIKK på bryterknappen, og modusen endres tilsvarende.

Hvis du har PRO-versjonen av plugin-en, kan du sette den til Sunset-modus, som vil endre modusen automatisk.

Siste tanker

Å ha et alternativ for brukerne å aktivere mørk modus ved behov forbedrer den generelle brukervennligheten til nettstedet ditt.

Mange besøkende foretrekker mørk modus om kvelden, og noen av oss foretrekker det til og med på dagtid.

Den viktige delen er at dette alltid skal være brukerens valg.

Selv om du implementerer solnedgangsmodus, bør det alltid være en bryter på nettsiden for å slå den av til enhver tid.

Nye publikasjoner:

Anbefaling