Doriți să adăugați modul întunecat la dvs site-ul web WordPress?

Multe dispozitive vin acum cu suport nativ pentru modul întunecat. Adăugarea acestui mod la dvs site-ul web Adaptează automat designul dvs. la preferințele de browser ale utilizatorilor dvs. Puteți chiar să adăugați un comutator la dvs site-ul web pentru a trece la el.

În acest articol, vă vom arăta cum să adăugați cu ușurință modul întunecat pe site-ul dvs. WordPress atât pe frontend, cât și în zona de administrare.

Dar înainte, dacă nu ați instalat niciodată WordPress, descoperiți Cum se instalează un blog WordPress pași 7 et Cum de a găsi, a instala și a activa o temă WordPress pe blog-ul dvs. 

Apoi înapoi la motivul pentru care suntem aici.

Ce este modul întunecat și de ce să îl adăugați pe site-ul dvs. web?

Modul întunecat este utilizat pe dispozitive mobile și computere pentru a reduce cantitatea de lumină albă de pe ecran.

Unele dispozitive sunt dotate cu un mod nocturn care folosește în schimb tonuri de culoare mai calde. Modul întunecat adoptă o abordare diferită prin adăugarea de culori întunecate pe fundal.

Dacă aveți un dispozitiv iPhone sau Android, este posibil să puteți trece la modul întunecat doar utilizând o comutare.

Alternativ, pe computerul dvs., puteți vizualiza site-uri web în modul întunecat utilizând o extensie Chrome, cum ar fi Night Eye. Iată cum arată secțiunea de blog a BlogPasCher folosind acest plugin:

Mod întunecat Blogpascher

Adăugarea unui mod întunecat pe site-ul dvs. web oferă utilizatorilor posibilitatea de a activa și dezactiva modul întunecat atunci când vă vizualizează site-ul. De asemenea, vă oferă mai mult control asupra modului în care site-ul dvs. web se afișează în modul întunecat.

Site-uri web populare cum ar fi YouTube oferă, de asemenea, o schemă de culori închise. Acest lucru permite utilizatorilor să vizioneze videoclipuri noaptea târziu cu o experiență mai confortabilă.

Mod întunecat Youtube

Pe lângă adăugarea modului întunecat pe frontend-ul site-ului dvs. web, puteți adăuga chiar și modul întunecat în zona de administrare WordPress. Acest lucru poate fi util dacă lucrați pe site-ul dvs. seara sau noaptea.

În primul rând, să aruncăm o privire la adăugarea modului întunecat pe site-ul dvs. WordPress. În continuare, vom acoperi adăugarea modului întunecat la tabloul de bord WordPress.

Consiliu: Doriți un site web cu o schemă de culori închise, chiar și cu dispozitivul utilizatorului în modul normal sau de zi? Așadar, consultați lista noastră de cele mai bune teme întunecate pentru WordPress.

Adăugarea modului întunecat la site-ul dvs. WordPress

În primul rând, trebuie să instalați și să activați pluginul Modul întunecat WP. Pentru mai multe detalii, consultați ghidul nostru pas cu pas cum să instalați un plugin WordPress.

După activare, accesați pagina Setări »WP Dark Mode din tabloul de bord WordPress și faceți clic pe filă Setări generale. Ar trebui să fiți redirecționat automat acolo.

Aici, parametrul „Activați modul întunecat conștient de sistemul de operare' a fost activat pentru dvs. Aceasta înseamnă că vizitatori vor vedea automat versiunea în modul întunecat a site-ului dvs. atunci când dispozitivul lor este setat în modul întunecat.

Parametrul „Afișează comutatorul plutitor'a fost, de asemenea, activat. Aceasta înseamnă că utilizatorii își pot schimba site-ul în modul întunecat în orice moment, chiar dacă nu au activat o opțiune în modul întunecat pe dispozitivul lor.

Plugin Wordpress wp dark mode

Accesați site-ul web și veți vedea comutatorul în colțul din dreapta jos. Faceți clic pe acesta pentru a comuta instantaneu site-ul dvs. în modul întunecat pe dispozitivul dvs.:

Previzualizare site web în mod întunecat

Există mai multe opțiuni de personalizare disponibile pe pagină Setări »WP Dark Mode. Cu toate acestea, acestea sunt destul de limitate cu versiunea gratuită.

De exemplu, trebuie doar să faceți clic pe filă Setări de afișare pentru a schimba stilul comutatorului plutitor:

Personalizați aspectul pentru a comuta modul întunecat

De asemenea, puteți personaliza culorile modului întunecat folosind fila Setări de stil :

Personalizați aspectul pentru a comuta modul întunecat 1

Asigurați-vă că dați clic pe buton Salvează Setările pentru a salva setările după efectuarea modificărilor.

Notă: Cu versiunea gratuită a acestui plugin, primiți doar primele 2 stiluri de comutator plutitor și primele 2 presetări de culoare.

Versiunea pro oferă mult mai multe opțiuni de proiectare, pe lângă capacitatea de a activa modul întunecat la anumite ore și posibilitatea de a adăuga cod CSS personalizat.

Adăugarea modului întunecat la tabloul de bord WordPress

WordPress vine cu scheme de culori pentru zona de administrare, dar niciuna dintre schemele de culori implicite nu reduce lumina albă care vine de pe ecran. Din fericire, acest plugin rezolvă această problemă.

Să aruncăm o privire la cum să adăugați cu ușurință modul întunecat în zona de administrare WordPress pentru o experiență de utilizator mai frumos în timpul orelor târzii.

Trebuie doar să accesați pagina Setări »WP Dark Mode și faceți clic pe fila Setări generale. Apoi răsuciți comutatorulActivați Backend Darkmode'. Nu uitați să faceți clic pe buton Salvează Setările la sfârșitul paginii:

Personalizați aspectul tabloului de bord al modului întunecat

Acum veți vedea un nou comutator în bara de sus a zonei de administrare:

Doar faceți clic pe acest comutator pentru a comuta instantaneu zona de administrare în modul întunecat.

Personalizați aspectul tabloului de bord al modului întunecat 1

Consiliu: Dacă site-ul dvs. web are mai multe Utilizatorii WordPress, fiecare persoană poate trece la modul întunecat după cum preferă.

De cand 'Modul întunecat'nu este o schemă de culori pentru administratori, o puteți folosi cu ușurință cu o schemă de culori pentru administratori WordPress existentă. Pentru a defini acest lucru, mergeți la  Utilizatori »Profil și faceți clic pe o opțiune din Schema de culori de administrare.

Rețineți că va trebui să dezactivați modul întunecat pentru a vedea opțiunile schemei de culori ale administratorului:

Personalizați aspectul tabloului de bord al modului întunecat 2

Când scrieți o postare în Editor bloc WordPress, puteți trece și la modul întunecat. Faceți clic pe pictograma de culoare mică din partea stângă sus, apoi selectați modul pe care doriți să îl utilizați:

Editor de blocuri în modul întunecat

Acum poți scrie și lucra confortabil pe site-ul tău pe timp de noapte fără a-ți încorda ochii.

Alte resurse recomandate

De asemenea, vă invităm să consultați Resurse de mai jos pentru a prelua mai multă proprietate și control asupra site-ului și blogului dvs.

Concluzie

Aici este ! Gata pentru acest ghid. Sperăm că acest articol te-a ajutat să înveți cum să adaugi modul întunecat pe site-ul tău WordPress. De asemenea, puteți citi articolul nostru pe plugin-uri WordPress 9 pentru a personaliza tabloul de bord.

Cu toate acestea, veți putea, de asemenea, să ne consultați Resurse, dacă aveți nevoie de mai multe elemente pentru a vă derula proiectele de creare a site-urilor de internet, consultați ghidul nostru cu privire la Creare blog WordPress sau cea de pe Divi: cea mai bună temă WordPress din toate timpurile.

Dacă aveți un prieten sau un comentariu, vă rugăm să îl lăsați în secțiune comentariu. Mai ales împărtășește acest articol pe diferitele rețele de socializare.

...