Ønsker du at tilføje mørk tilstand til din websted WordPress?
Mange enheder kommer nu med native dark mode support. Tilføjelse af denne tilstand til din Websted Tilpasser automatisk dit design til dine brugeres browserpræferencer. Du kan endda tilføje en switch til din websted at skifte til det.
I denne artikel vil vi vise dig, hvordan du nemt kan tilføje mørk tilstand til dit WordPress-websted både på frontend og i admin-området.
Men før, hvis du aldrig har installeret WordPress-opdagelse Sådan installeres en WordPress blog 7 trin et Hvordan at finde, installere og aktivere et WordPress tema på din blog
Så tilbage til, hvorfor vi er her.
Hvad er mørk tilstand, og hvorfor føje den til dit websted?
Mørk tilstand bruges på mobile enheder og computere for at reducere mængden af hvidt lys på skærmen.
Nogle enheder har en nattilstand, der faktisk bruger varmere farvetoner i stedet. Mørk tilstand tager en anden tilgang ved at tilføje mørke farver til baggrunden.
Hvis du har en iPhone eller Android-enhed, kan du muligvis skifte til mørk tilstand bare ved at bruge en skifte.
Alternativt kan du på din computer se websteder i mørk tilstand ved hjælp af en Chrome-udvidelse som Night Eye. Sådan ser BlogPasCher's blogsektion ud ved hjælp af dette plugin:
Tilføjelse af en mørk tilstand til dit websted giver brugerne mulighed for at slå mørk tilstand til og fra, når de ser dit websted. Det giver dig også mere kontrol over, hvordan dit websted vises i mørk tilstand.
Populære websteder som YouTube tilbyder også et mørkt farveskema. Dette giver brugerne mulighed for at se videoer sent om aftenen med en mere behagelig oplevelse.
Udover at tilføje mørk tilstand til dit webstedsfront, kan du endda tilføje mørk tilstand til dit WordPress-administrationsområde. Dette kan være nyttigt, hvis du arbejder på dit websted om aftenen eller om natten.
Lad os først se på at tilføje mørk tilstand til dit WordPress-websted. Derefter dækker vi tilføjelse af mørk tilstand til dit WordPress-dashboard.
Rådet: Ønsker du et websted med et mørkt farveskema, selv med brugerens enhed i normal eller dagtilstand? Så tjek vores liste over bedste mørke temaer til WordPress.
Tilføjelse af mørk tilstand til dit WordPress-websted
Først og fremmest skal du installere og aktivere plugin WP mørk tilstand. Yderligere oplysninger finder du i vores trin-for-trin-guide til hvordan man installerer et WordPress-plugin.
Efter aktivering skal du gå til siden Indstillinger »WP Dark Mode fra WordPress-dashboardet, og klik på fanen Generelle indstillinger. Du skal omdirigeres der automatisk.
Her er parameteren 'Aktiver OS-opmærksom mørk tilstand' er blevet aktiveret for dig. Det betyder, at besøgende vil automatisk se mørk tilstandsversionen af dit websted, når deres enhed er indstillet til mørk tilstand.
Parameteren 'Vis flydende kontakt'er også blevet aktiveret. Dette betyder, at brugere når som helst kan skifte deres websted til mørk tilstand, selvom de ikke har aktiveret en mulighed for mørk tilstand på deres enhed.
Bare besøg dit websted, så ser du kontakten i nederste højre hjørne. Klik på den for øjeblikkeligt at skifte dit websted til mørk tilstand på din enhed:
Der er flere muligheder for tilpasning på siden Indstillinger »WP Dark Mode. Disse er dog ret begrænsede med den gratis version.
For eksempel skal du bare klikke på fanen fanebladet Indstillinger for at ændre stilen på den flydende kontakt:
Du kan også tilpasse farverne i mørk tilstand ved hjælp af fanen Stilindstillinger :
Sørg for at klikke på knappen Gem indstillinger for at gemme indstillingerne efter ændringer.
Bemærk: Med den gratis version af dette plugin får du kun de første 2 stilarter med flydende switch og de første 2 farveindstillinger.
Pro-versionen tilbyder mange flere designmuligheder ud over muligheden for at aktivere mørk tilstand på bestemte tidspunkter og muligheden for at tilføje tilpasset CSS-kode.
Tilføjelse af mørk tilstand til WordPress-dashboardet
WordPress leveres med farveskemaer til adminområdet, men ingen af standardfarveskemaerne reducerer det hvide lys, der kommer fra din skærm. Heldigvis løser dette plugin dette problem.
Lad os se på, hvordan du nemt kan tilføje mørk tilstand til dit WordPress-administrationsområde til en brugeroplevelse pænere i de sene timer.
Du skal bare gå til siden Indstillinger »WP Dark Mode og klik på fanen Generelle indstillinger. Drej derefter kontakten 'Aktivér Backend Darkmode'. Glem ikke at klikke på knappen Gem indstillinger i slutningen af siden:
Du vil nu se en ny switch i øverste bjælke i dit admin-område:
Klik bare på denne switch for øjeblikkeligt at skifte dit admin-område til mørk tilstand.
Rådet: Hvis dit websted har flere WordPress-brugere, kan hver person skifte til mørk tilstand, som de foretrækker.
Siden 'Mørk tilstand'er ikke et admin-farveskema, du kan nemt bruge det med et eksisterende WordPress admin-farveskema. For at definere dette skal du bare gå til Brugere »Profil og klik på en indstilling under Admin Color Scheme.
Bemærk, at du bliver nødt til at slå mørk tilstand fra for at se administratorens farveskemaindstillinger:
Når du skriver et indlæg i WordPress blokredaktør, kan du også skifte til mørk tilstand. Klik på det lille farveikon øverst til venstre, og vælg derefter den tilstand, du vil bruge:
Nu kan du komfortabelt skrive og arbejde på dit websted om natten uden at anstrenge dine øjne.
Andre anbefalede ressourcer
Vi inviterer dig også til at konsultere ressourcer nedenfor for at tage mere ejerskab og kontrol over din hjemmeside og blog.
- Sådan integreres videoer i dine WordPress-blogindlæg
- Hvordan tilføjes en Beach Slider på en WordPress-formular?
- 7 WordPress plugins til at oprette underretninger bar
- 8 WordPress plugins for at tilføje prisoversigter til din blog
Konklusion
Her er ! Det er det for denne guide. Vi håber, at denne artikel har hjulpet dig med at lære, hvordan du tilføjer mørk tilstand til dit WordPress-websted. Du kan også læse vores artikel om 9 WordPress plugins til at tilpasse din dashboard.
Du vil dog også kunne konsultere vores ressourcer, hvis du har brug for flere elementer til at udføre dine projekter med oprettelse af internetsider ved at konsultere vores guide om WordPress blog oprettelse eller den ene på Divi: tidenes bedste WordPress-tema.
Hvis du har en ven eller en kommentar, skal du lade den være i sektionen kommentar. For det meste del denne artikel på dine forskellige sociale netværk.
...
