Cum să adăugați modul întunecat pe site-ul dvs. WordPress cu acești 4 pași simpli

Când Instagram și alte câteva site-uri web și aplicații majore au adăugat modul întunecat în octombrie 2019, am asistat la o creștere majoră a interesului oamenilor pentru această funcție.

Cu toate acestea, chiar dacă am exclus elementul aberan care este adoptarea de către Instagram a modului întunecat, alias noapte , graficul de mai sus indică în mod clar creșterea popularității caracteristicii în ultimii câțiva ani.

Alături de Instagram, multe alte companii importante au trecut în era modul de noapte și ar trebui să luați în considerare și să faceți schimbarea. Nu doar pentru că este la modă, ci și pentru numeroasele sale beneficii pentru utilizatorii dvs., inclusiv, dar fără a se limita la, reducerea efortului vizual pentru utilizatorii dvs., durata de viață crescută a bateriei pentru dispozitivele utilizate pentru a vă vizita site-ul și faptul că arată mult mai cool.

OK, ultima poate fi puțin subiectivă, dar rămânem cu ea.

Din fericire, adăugarea unui mod întunecat pe site-ul dvs. WordPress este destul de simplă. Nu numai că puteți configura modul în care site-ul dvs. se afișează pentru fiecare utilizator, dar puteți, de asemenea, să adăugați funcția la tabloul de bord administrativ și să oferiți o pauză propriilor ochi.

Dacă vă gândiți să adăugați un mod întunecat pe site-ul dvs., există câteva moduri de a face acest lucru, dar utilizarea unui plugin este de departe cea mai simplă, după cum vă puteți imagina.

În această postare, vom introduce un plugin pe care majoritatea companiilor de design de site-uri din Los Angeles îl recomandă — WP Dark Mode — și vom revizui toți pașii pe care trebuie să-i faceți pentru a adăuga și personaliza această funcționalitate, astfel încât să se potrivească site-ului dvs. și temei WordPress.

Dar mai întâi, să aruncăm o privire la ce este modul întunecat și la cele mai notabile beneficii ale acestuia. Citește mai departe!

Ce este modul întunecat și de ce este util?

Cunoscut și ca modul de noapte, modul întunecat este o comutare simplă de afișare care schimbă schema de culori a unui site web de la deschis la întunecat.

Pe un site web obișnuit cu litere negre pe un fundal alb, de obicei, se pare că culorile au fost pur și simplu inversate, dar, așa cum vom explica mai jos, există ceva mai mult decât atât.

Această simplă modificare reduce semnificativ lumina albă care iese de pe ecran, reducând oboseala ochilor, mai ales dacă un utilizator vizitează site-ul seara.

Opțiunea de a activa modul întunecat este disponibilă pe majoritatea sistemelor de operare și browserelor web moderne.

Cele mai notabile beneficii ale modului întunecat

Am menționat deja câteva dintre beneficiile acestei funcții în această postare, dar ne-am gândit să le subliniem pe toate aici într-o listă frumoasă, cu marcatori, pentru confortul dvs.

Deci, beneficiile modului întunecat includ următoarele:

• Mai puțină tensiune asupra ochilor
• Consum redus de energie și durată de viață crescută a bateriei
• Mai puțină lumină albă de la ecrane
• Mai mult timp petrecut pe pagina ta

După cum știți deja, browserele și sistemele de operare moderne oferă deja modul întunecat ca opțiune, dar dacă doriți ca site-ul dvs. web să apară în schema de culori potrivită pentru utilizatorii care îl preferă, va trebui să îl adăugați singur.

Din fericire, instalarea pluginului WP Dark Mode poate face acest proces simplu, precum și vă oferă tot felul de control asupra aspectului modului întunecat al site-ului dvs. web.

Modul întunecat vs. Modul Noapte

Înainte de a trece mai departe, am dori să abordăm o problemă potențială cu care cititorii cu ochi de vultur ar putea avea o problemă. Și anume, am folosit și vom continua să folosim termenii „mod întunecat” și „mod noapte” interschimbabil în acest articol, deși pot descrie din punct de vedere tehnic două caracteristici diferite.

Termenul „mod de noapte” este adesea folosit pentru o funcție disponibilă pe majoritatea smartphone-urilor moderne, care elimină total sau parțial lumina albastră de pe ecran pe măsură ce se lasă noaptea, pentru a reduce impactul timpului pe ecran asupra ciclului de somn.

Cu toate acestea, așa cum am explicat mai devreme, cei doi termeni pot fi folosiți interschimbabil, care este abordarea pe care am ales să o adoptăm în această postare.

Acum, că am îndepărtat asta, să vedem cum puteți adăuga modul întunecat (sau noapte) site-urilor dvs. WordPress.

Cum să adăugați modul întunecat pe site-ul dvs. WordPress folosind pluginul WP Dark Mode

Acum că știți toate motivele pentru care doriți să adăugați modul întunecat pe site-ul dvs. WordPress, vă vom arăta cum să o faceți prin patru pași simpli.

Prietenii noștri de la o companie de web design din Miami ne-au ajutat să creăm acest ghid pas cu pas care se bazează pe un plugin specializat numit WP Dark Mode.

1. Instalați pluginul

Deși există mai multe plugin-uri WordPress în modul întunecat, am considerat că modul întunecat WP este cel mai ușor de utilizat și mai fiabil.

Este un plugin care vă permite să construiți o versiune întunecată a site-ului dvs. rapid și fără efort, fără a fi nevoie să vă ocupați de setări sau coduri complicate.

După cum vă puteți aștepta, directorul de pluginuri WordPress este locul în care veți putea găsi acest instrument.

Presupunem că ați adăugat pluginuri pe site-ul dvs. înainte, dar pentru orice eventualitate, tot ce trebuie să faceți este să accesați tabloul de bord de administrare și să selectați Adăugare nou din fila Pluginuri .

De acolo, puteți găsi WP Dark Mode și faceți clic pe Instalați acum și activați .

2. Porniți Setările dorite

Puteți activa și dezactiva modul întunecat în fila Setări generale . Odată ce deschideți această filă, veți vedea că două opțiuni sunt deja activate în mod implicit.

Acestea sunt Activați modul întunecat frontal și Activați modul întunecat compatibil cu sistemul de operare .

Primul activează modul întunecat pe site-ul dvs., în timp ce cel de-al doilea înseamnă că funcția va fi activată automat dacă sistemul de operare sau browserul utilizatorului este setat pe Modul întunecat.

O altă opțiune este să setați modul întunecat ca implicit . Acesta este destul de explicit - dacă îl porniți, toți utilizatorii vor vedea versiunea întunecată a site-ului dvs., indiferent de preferințele lor.

3. Porniți și personalizați comutatorul flotant

Dacă doriți să oferiți utilizatorilor opțiunea de a comuta oricând între modurile întuneric și luminos, puteți activa și opțiunea Afișare comutator plutitor .

Această opțiune va face exact ceea ce scrie pe cutie - plasați o comutare pe partea din față a site-ului dvs., permițând utilizatorilor să activeze sau să dezactiveze modul întunecat după cum doresc.

Vă puteți încurca cu plasarea și stilul pictogramei din secțiunea Setări de afișare. Opțiunile tale în ceea ce privește stilul sunt oarecum limitate în versiunea gratuită a pluginului, dar funcționalitatea cheie (pornirea sau dezactivarea modului întunecat) este acolo.

4. Experimentați cu diferite scheme de culori în mod întunecat

În acest moment, site-ul dvs. WordPress are un mod întunecat complet funcțional și, dacă asta este tot ceea ce căutați, puteți sări peste acest pas.

Cu toate acestea, dacă nu doriți ca site-ul dvs. să arate generic, vă recomandăm cu căldură să personalizați culorile în modul întunecat. Veți găsi toate opțiunile de care aveți nevoie în secțiunea Setări stil .

Acest ecran oferă o paletă de culori care ar putea funcționa cu identitatea vizuală a site-ului dvs.

După cum vă puteți imagina, versiunea gratuită a pluginului WP Dark Mode oferă aici opțiuni oarecum limitate, dar ar trebui să puteți găsi o soluție potrivită.

Dacă doriți să personalizați în continuare culorile, versiunea premium oferă o gamă mai largă de palete de culori prestabilite și vă permite să vă creați propria schemă.

​Bonus - Activarea modului întunecat pe tabloul de bord de administrare WordPress

Dacă veți oferi clienților și potențialilor dvs. toate beneficiile unui mod întunecat pe partea frontală a site-ului dvs. WordPress, de ce să nu vă extindeți aceeași curtoazie și să adăugați și modul în tabloul de bord administrativ?

Dacă schema de culori implicită WordPress este prea strălucitoare pentru gustul tău, pluginul WP Dark Mode are soluția. Iată cum să o faci:

1. Instalați pluginul WP Dark Mode - nu sunt multe de explicat aici. Consultați secțiunea de mai sus pentru instrucțiuni despre cum să finalizați acest pas.
2. Activați modul întunecat de backend — această opțiune se află în aceeași filă cu celelalte setări esențiale despre care am vorbit înainte ( Setări generale ). Va trebui să navigați la această secțiune și să comutați un comutator intitulat Activați modul întunecat de backend. Nu uitați să derulați în jos și să faceți clic pe Salvare setări pentru a aplica modificarea.
3. Comutați modul întunecat pe tabloul de bord de administrare — Tabloul de bord de administrare va avea acum un comutator în partea de sus, permițându-vă să activați modul întunecat. Acest lucru este util în special pentru site-urile web cu mai mulți administratori, deoarece fiecare persoană poate activa sau dezactiva modul întunecat în mod independent.
4. (Opțional) Ajustați schema de culori a tabloului de bord de administrare - cu modul întunecat activat, vă recomandăm să schimbați unele culori pentru a face totul să arate mai frumos. Pentru a face acest lucru, navigați la Utilizatori > Profil și selectați paleta pe care o preferați. După ce ați setat culorile, faceți clic pe Actualizare profil pentru a aplica noile setări.

Și asta este tot ce este. Sperăm că acest ghid v-a ajutat să implementați modul întunecat pe site-ul dvs. WordPress, precum și pe tabloul de bord de administrare.

Această actualizare este aproape prea simplă pentru a fi ignorată cu pluginul WP Dark Mode, așa că vă încurajăm să adăugați această funcționalitate excelentă site-ului dvs.

Biografia autorului: Christopher este un specialist în marketing digital la Digital Strategy One și un blogger independent. El se concentrează pe noile tendințe de tehnologie web și pe distribuția digitală a vocii pe diferite canale. În timpul liber, Christopher cântă la tobe și Magic: The Gathering.