Tutoriale WordPress de încredere, atunci când aveți cea mai mare nevoie.
Ghidul începătorului pentru WordPress
Cupa WPB
25 de milioane+
Site-uri web care folosesc plugin-urile noastre
16+
Ani de experiență WordPress
3000+
Tutoriale WordPress de la experți

Cum să schimbați schema de culori a administratorului în WordPress (Rapid și ușor)

Deși schema de culori implicită a administratorului WordPress este funcțională, poate părea puțin lipsită de inspirație. Prin urmare, este posibil să doriți să schimbați schema de culori a administratorului în WordPress.

Schimbarea schemei de culori a panoului de administrare WordPress vă permite să creați un tablou de bord personalizat pentru dvs. și echipa dvs. Schema de culori poate corespunde designului mărcii dvs. sau poate prezenta pur și simplu culorile preferate.

Am experimentat cu schimbarea schemei de culori a administratorului atât pentru propriile noastre site-uri web, cât și pentru site-urile clienților și am constatat că aceasta poate avea un impact semnificativ asupra fluxului de lucru și a experienței utilizatorului.

În acest articol, vă vom arăta cum să schimbați cu ușurință schema de culori a administratorului în WordPress.

Cum să schimbi schema de culori a administratorului în WordPress

De ce să schimbi schema de culori a administratorului în WordPress?

Dacă nu sunteți un fan al schemei de culori implicite a administratorului în WordPress, puteți schimba cu ușurință schema de culori cu ceva ce vă place.

Puteți, de asemenea, să schimbați schema de culori pentru a se potrivi cu designul temei dvs. WordPress, sau chiar să adăugați o funcționalitate de mod întunecat.

Acest lucru poate fi util dacă aveți un site de membri sau un magazin online unde utilizatorii se pot conecta pe site-ul dvs. și doriți ca site-ul dvs. web și tabloul de bord de administrare să ofere o experiență similară.

Ați putea folosi, de asemenea, o schemă de culori diferită pentru panoul de administrare pentru site-ul dvs. de staging pentru a-l distinge mai ușor de site-ul dvs. live.

Acestea fiind spuse, vă vom arăta câteva moduri diferite în care puteți schimba schema de culori a administratorului în WordPress. Puteți folosi linkurile rapide de mai jos pentru a sări direct la metoda pe care doriți să o utilizați.

Cum să schimbați schema de culori a administratorului cu setările implicite WordPress

WordPress are o funcție încorporată care vă permite să alegeți dintre câteva palete de culori predefinite pentru tabloul de bord al administratorului WordPress.

Pentru a schimba schema de culori a panoului de administrare, pur și simplu conectați-vă la tabloul de bord de administrare WordPress, apoi navigați la Utilizatori » Profil.

După aceea, selectați noua schemă de culori în secțiunea „Admin Color Scheme” făcând clic pe butonul radio.

Selectați noua schemă de culori pentru administrator

Există 9 scheme de culori diferite din care puteți alege, inclusiv Implicit, Luminos, Modern și altele.

Pe măsură ce faceți clic pe diferite opțiuni, schema de culori se va schimba automat.

Exemplu de modificare a schemei de culori pentru administrator

Odată ce ați selectat o schemă de culori care vă place, trebuie să derulați în jos până la sfârșitul paginii și să faceți clic pe butonul „Actualizare profil”.

Salvați noua schemă de culori a administratorului

Puteți controla, de asemenea, schema de culori a administratorului pentru alți utilizatori înregistrați pe site-ul dvs. WordPress.

Pentru a face acest lucru, accesați Utilizatori » Toți utilizatorii, apoi treceți cu mouse-ul peste utilizator și faceți clic pe butonul „Editare”.

Editați schema de culori a utilizatorului

Apoi, pur și simplu urmați același proces ca mai sus pentru a schimba schema de culori a administratorului pentru acel utilizator.

Odată ce ați terminat, asigurați-vă că faceți clic pe butonul „Actualizare profil” din partea de jos a paginii.

Cum să creezi scheme de culori personalizate pentru administrator în WordPress

Dacă doriți și mai multe opțiuni de culoare pentru tabloul de bord de administrare, puteți crea scheme de culori personalizate și le puteți încărca pe blogul dvs. WordPress.

Pentru a face acest lucru, accesați site-ul gratuit WordPress Admin Colors și faceți clic pe butonul „Start Creating”.

Apăsați butonul Start creating

Apoi, introduceți un nume în caseta „Nume schemă de culori”.

Acest nume va apărea în panoul de administrare WordPress ca o nouă opțiune de culoare.

Introduceți numele schemei de culori

După aceea, puteți personaliza complet schema de culori dând clic pe opțiunile de culoare din secțiunea „Alegeți culorile”.

Pentru a schimba una dintre culorile existente, faceți clic pe culoare și alegeți noua culoare din fereastra pop-up. Puteți face clic oriunde pe selectorul de culori sau puteți introduce un cod Hex pentru o culoare specifică.

Faceți clic pentru a personaliza culorile

Odată ce ați terminat de personalizat schema de culori, faceți clic pe butonul „Generate Color Scheme” din partea de jos a paginii.

Acest lucru va crea codul schemei de culori de care aveți nevoie pentru a-l adăuga la WordPress.

Faceți clic pentru a genera schema de culori

Pe pagina următoare vor fi două fișiere de cod diferite.

Trebuie să descărcați fișierul CSS și să copiați fragmentul de cod și să-l lipiți în editorul dvs. de text preferat. Vom adăuga acestea la fișierele dvs. WordPress.

Descărcați CSS și copiați codul PHP

Dacă nu ați mai făcut acest lucru înainte, consultați ghidul nostru despre cum să copiați și să lipiți cod în WordPress.

Puteți adăuga fragmentul de cod în fișierul dvs. functions.php sau folosind un plugin de fragmente de cod.

Pentru acest tutorial, vom folosi plugin-ul de fragmente de cod WPCode. Este cea mai ușoară și cea mai prietenoasă metodă pentru începători de a adăuga fragmente de cod pe site-ul dvs. WordPress.

WPCode

Mai întâi, trebuie să instalați pluginul gratuit WPCode. Pentru mai multe detalii, consultați ghidul nostru pentru începători despre cum să instalați un plugin WordPress.

După activare, veți avea un nou element de meniu etichetat „Fragmente de cod” în bara de administrare WordPress. Făcând clic pe el, veți vedea o listă a fragmentelor de cod pe care le-ați salvat pe site-ul dvs. Deoarece tocmai ați instalat pluginul, lista dvs. va fi goală.

Continuați și faceți clic pe butonul „Adăugare nou” pentru a adăuga fragmentul de cod în WordPress.

Apăsați butonul Adăugare Nou pentru a adăuga primul dvs. fragment de cod personalizat în WordPress

În continuare, veți vedea pagina „Adăugare fragment”. Navigați la opțiunea „Adăugați codul dvs. personalizat (Fragment nou)” și faceți clic pe butonul „+ Adăugare fragment personalizat”.

Faceți clic pe butonul Adăugare fragment personalizat

După aceea, selectați „Fragment PHP” ca tip de cod din lista de opțiuni.

Selectați Fragment PHP ca tip de cod

Acum, puteți da un nume fragmentului dvs. de cod. Acesta poate fi orice pentru a vă ajuta să vă amintiți scopul codului.

Apoi, lipiți fragmentul pe care l-ați copiat de mai sus în caseta „Previzualizare cod”.

Numește și adaugă un nou fragment de cod

Apoi, trebuie să selectați metoda de inserare pentru fragmentul de cod.

Puteți lăsa pe metoda „Inserare automată”, astfel încât codul va fi inserat și executat automat în locul potrivit.

Alegeți metoda de inserare pentru fragmentul dvs. de cod personalizat

După aceea, comutați comutatorul de la „Inactiv” la „Activ” și apoi faceți clic pe butonul „Salvare fragment” din colțul din dreapta sus al ecranului.

Acest lucru va salva codul și va activa noua schemă de culori a administratorului.

Salvați și activați fragmentul de cod personalizat

Acum, trebuie să încărcați foaia de stil CSS pe care ați descărcat-o mai devreme în directorul temei dvs. în contul dvs. de hosting WordPress.

Pentru a face acest lucru, puteți folosi un client FTP sau opțiunea de manager de fișiere din panoul de control al găzduirii dvs. WordPress.

Dacă nu ați mai folosit FTP înainte, atunci poate doriți să consultați ghidul nostru despre cum să utilizați FTP pentru a încărca fișiere pe WordPress.

Mai întâi, trebuie să vă conectați la site-ul dvs. folosind un client FTP sau managerul de fișiere din cPanel. Odată conectat, trebuie să navigați la folderul /wp-content.

Selectați folderul wp-content FTP

În interiorul folderului wp-content, veți vedea un folder numit themes. Aici WordPress stochează toate temele pe care site-ul dvs. le folosește sau le-a folosit în trecut.

Trebuie să faceți clic pe folderul temelor, apoi să deschideți folderul pentru tema pe care o utilizați.

Deschideți folderul temelor și selectați tema

Apoi, încărcați fișierul display.css pe care l-ați descărcat.

Fișierul dvs. CSS va avea numele pe care l-ați ales anterior.

Încărcați un nou fișier CSS

Notă: Dacă schimbați temele WordPress, atunci va trebui să încărcați fișierul CSS în folderul noii teme.

După aceea, navigați la Utilizatori » Profilul dvs..

Apoi, puteți selecta noua schemă de culori pe care tocmai ați creat-o.

Selectați schema de culori personalizată

Dacă doriți să utilizați această schemă de culori, asigurați-vă că faceți clic pe butonul „Actualizare profil” din partea de jos a paginii.

Cum să controlați schema implicită de culori a administratorului pentru utilizatorii noi

Când un utilizator nou creează un cont, va avea opțiunea de a-și personaliza schema de culori. Cu toate acestea, este posibil să doriți să controlați schema de culori implicită a administratorului sau să împiedicați utilizatorii să schimbe schema de culori în totalitate.

Cel mai simplu mod de a face acest lucru este prin utilizarea pluginului gratuit Force Admin Color Scheme.

Mai întâi, trebuie să instalați și să activați pluginul. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum să instalați un plugin WordPress.

La activare, navigați la Utilizatori » Profil și apoi selectați culoarea administratorului și bifați căsuța „Forțează această schemă de culori a administratorului pentru toți utilizatorii”.

Bifați căsuța forțare schemă de culori administrator

După aceea, faceți clic pe butonul „Actualizați profilul” din partea de jos a paginii.

Acum, schema de culori implicită pentru administratori va fi aceeași pentru toți utilizatorii noi și existenți de pe site-ul dvs.

Plugin-ul dezactivează, de asemenea, selectorul schemei de culori pentru administratori pentru toți utilizatorii dvs. Singurii utilizatori care pot schimba această culoare sunt cei cu acces de administrator.

Sperăm că acest articol v-a ajutat să învățați cum să schimbați schema de culori a administratorului în WordPress. De asemenea, ați putea dori să vedeți selecțiile noastre de experți despre cele mai bune pluginuri pentru tabloul de bord de administrator WordPress și ghidul nostru despre cum să ascundeți elementele inutile din meniul de administrator WordPress.

Dacă ți-a plăcut acest articol, te rugăm să te abonezi la canalul nostru de YouTube pentru tutoriale video WordPress. Ne poți găsi, de asemenea, pe Twitter și Facebook.

Dezvăluire: Conținutul nostru este susținut de cititori. Acest lucru înseamnă că dacă faceți clic pe unele dintre linkurile noastre, este posibil să câștigăm un comision. Vedeți cum este finanțat WPBeginner, de ce contează și cum ne puteți susține. Iată procesul nostru editorial.

Cel mai bun instrumentar WordPress

Obține acces GRATUIT la instrumentarul nostru - o colecție de produse și resurse legate de WordPress pe care fiecare profesionist ar trebui să le aibă!

Interacțiuni cu cititorii

48 CommentsLeave a Reply

  1. Acest lucru este grozav! Exact ceea ce căutam. Dar, cumva, nu funcționează pentru mine…
    Am creat propria schemă de culori. Am descărcat fișierul css și l-am implementat în folderul meu css al temei mele copil. apoi am adăugat codul php în fișierul meu php din tema mea copil. Până acum totul ar trebui să fie în regulă. Schema de culori creată este chiar afișată cu culorile corecte pentru a o alege, dar când o aleg sunt afișate doar culorile standard. Fac ceva greșit?

    • Cel mai frecvent motiv pentru care se întâmplă acest lucru, am constatat, este modul în care codul este adăugat la fișierul dvs. functions.php. Am recomanda să încercați metoda WPCode pentru a vedea dacă funcționează în acest fel, pentru a vă asigura că nu este o problemă cu functions.php. Cealaltă opțiune pe care ați putea să o încercați ar fi să plasați fișierul în folderul temei părinte.

      Admin

  2. Mulțumesc pentru acoperirea procesului de creare a schemei de culori personalizate – voi folosi acest lucru pentru a crea mai multe opțiuni de marcă pentru clienți. Nu știam că pot adăuga culori personalizate

  3. Întotdeauna uit pașii exacți pentru a schimba schema de culori, dar având acest ghid marcat, îmi economisește o mulțime de timp ori de câte ori vreau să reîmprospătez aspectul tabloului de bord al administratorului meu. Mulțumesc.

  4. Funcționează genial! Schemele standard de culori sunt atât de plictisitoare și nu se potrivesc niciodată cu culorile brandului, aceasta este o adiție grozavă la partea din spate a unui site web și ușor de făcut. Mulțumesc.

  5. Hi,
    I’m trying to make this work but it won’t show up on the users panel. I followed the exact steps as shown above. Do you have any tips? :)
    Thanks!

    • Dacă nu îl utilizați, pentru a schimba schema de culori a administratorului tuturor, va trebui să utilizați metoda plugin-ului din acest ghid și să vă asigurați că salvați modificările.

      De asemenea, dacă aveți un plugin de caching, este posibil să doriți să goliți cache-ul pentru a vă asigura că se actualizează.

      Admin

    • That’s perfectly fine, its a personal preference if you change the colors or not :)

      Admin

  6. Petrec mult timp în wp-admin. Nu am găsit o modalitate de a-mi crea propria schemă de culori. S-ar putea să fie nevoie să-mi iau un weekend și să creez un plugin care face asta cu câteva roți de culori.

  7. Cred că a fost o mișcare foarte juvenilă din partea echipei Wordpress de a impune o tendință de design atât de neprofesională și prea la modă tuturor utilizatorilor lor, fără a include o schemă de culori care să semene oarecum cu interfața normală de administrator.

    Designul plat nu se potrivește interfețelor greoaie precum tablourile de bord de administrare. Acestea necesită mai multă separare decât poate oferi designul plat. În aproximativ 5 ani, designerii vor privi înapoi și vor realiza toate acestea, iar până atunci, designerul de ultimă generație va posta capturi de ecran pe Dribbble ale designurilor lor profunde (pe care cumva vor reuși să le facă prea complicate).

  8. Setări personale? Am căutat peste tot pe tabloul de bord și nu am putut găsi. Lucru ciudat este că, atunci când dau clic pe profilul meu, pot vedea pagina de schimbare a culorii cum clipește înainte de pagina care are Corectura și restul setărilor. Deci, este acolo, doar că nu pot accesa. ~Eleanor

  9. Ca dezvoltator de pluginuri/teme, există vreo modalitate de a prelua culorile pentru a le aplica panourilor de administrare ale pluginurilor/temelor noastre, astfel încât să putem potrivi schema de culori aleasă?

  10. Acest plugin adaugă o schemă de culori suplimentară pentru administrator, care este similară cu culorile gri deschis și albastru ale panoului de administrare vechi (Wordpress 3.7), stabilind un echilibru între vizualizarea clasică anterioară și noua vizualizare plată. Face vizibile separatoarele de meniu între blocurile de meniu și elementele de meniu:
    http://wordpress.org/plugins/wp-admin-classic-colors/

  11. Mișcare teribilă. Nu repara ceva ce nu e stricat. Schema de culori deschisă este prea deschisă, iar cea închisă este prea închisă. Vreau vechea mea schemă de culori înapoi!!

    • Nu aș putea fi mai de acord. Vechea schemă de culori era perfectă, detest complet culoarea neagră din meniul de administrare, iar alegerile pe care le ai pentru a o schimba nu sunt bune – griul (schema deschisă) este mult prea deschis. Mișcare absurdă.

    • Cred că ați ratat esențialul… puteți să le schimbați singur. Puteți reveni la ceea ce ați avut, dar lăsați-ne pe noi, cei care am dorit mai mult, opțiunea de a avea mai mult.

  12. Ar fi grozav dacă ați include o soluție „fă-o singur” pentru adăugarea schemelor de culori, pe lângă delegarea către un plugin.

    • Sunt de acord — asta mă așteptam, având în vedere introducerea articolului.

      Eventually I may poke around and find out for myself where I can alter the colors, and hard code in new combinations.
      For now, I just need to get some work done –now that the Default dark theme is no longer an impediment :)

      Pluginul este o opțiune bună de mijloc, deși am crezut că pluginul va merge un pas suplimentar, permițând utilizatorilor să-și creeze propria temă colorată personalizată. (utilizare bună pentru Kuler)

      Către autori: Mulțumim pentru articol!
      Nu mai puteam petrece niciun moment în WP cu acele culori implicite!!
      Urâsem noua temă și nu era evident cum să o schimb.

      WP avrebbe dovuto impostare di default i colori a cui siamo abituati,
      e in una posizione prominente, pubblicizzare dove potremmo cambiarlo.
      Il tema scuro era così spiacevole, distraente e difficile da leggere.

  13. Mulțumesc pentru articol. Nu pot să cred că în WP 3.8 niciuna dintre opțiunile de culoare nu a inclus vechea schemă de culori cu care oamenii sunt obișnuiți și care este mult mai ușoară pentru ochi, în opinia mea. WP trebuie să învețe dacă nu este stricat, nu-l repara!

  14. Oricine a proiectat aceste scheme de culori are nevoie de lecții serioase despre oboseala ochilor, ușurința în utilizare, teoria culorilor și multe altele. Nu pot să cred că au eliminat complet tabloul de bord simplu, ușor de citit, plăcut. Au înnebunit să creadă că aceasta este o mișcare bună. Ultimul lucru pe care vreau să-l văd sunt scheme de culori oribile proiectate de idioți care nu înțeleg cât de deranjante pot fi aceste culori pentru mulți oameni. Am fost un mare fan și susținător WP. Nu încetez niciodată să-i împărtășesc beneficiile. Dar aceasta este o greșeală mare, rea. Sunt uluit....

    • Absolut!
      Negrul este foarte greu de citit..poate dacă aș avea luminozitatea ecranului la maximum, textul ar fi mai lizibil? Dar atunci contrastul deranjant și oboseala ochilor ar fi, de asemenea, mai pronunțate.

      Nu există niciun motiv pentru care să nu ne fi oferit o opțiune mai apropiată de ceea ce toată lumea este obișnuită să lucreze.

      Am ales și opțiunea Doar lumină pe care au prezentat-o. Cealaltă opțiune non-întunecată este o posibilitate, dar un pic dezamăgitoare.

  15. Exact ceea ce căutam să fac. Mulțumesc pentru că ați postat asta atât de repede!

  16. Da. ÎMI PLACE noul aspect, dar îl găsesc și FOARTE frustrant. Există atât de puțin contrast în zona de comentarii încât mi se pare dificil să-mi dau seama dintr-o privire la ce comentarii am răspuns și la care nu. Schimbarea schemei de culori nu afectează culoarea comentariilor.

    • Ian, nu puteam suporta culoarea comentariilor. Cu siguranță ar fi trebuit să o facă să iasă mai mult în evidență. O soluție destul de simplă este să editați fișierul default color.min.css.

      Căutați #fefaf7 în wp-admin/css/colors.min.css și înlocuiți cu #FFFF88 în ambele locații. #FFFF88 este un galben ușor de văzut, dar puteți pune orice culoare doriți acolo.

      Sper că acest lucru ajută pe oricine caută o soluție rapidă. Dacă utilizați o temă de culori diferită (de exemplu, Midnight), fișierul css va fi în wp-admin/css/colors/midnight/colors.min.css.

      • Mulțumesc!!

        Observați că bara de administrare care apare în partea de sus a site-ului nostru când suntem conectați NU se schimbă pentru a reflecta tema aleasă. Rămâne neagră, indiferent de ce:( Mă aștept să fie culoarea de fundal a temei de administrare alese de noi.

  17. Îmi pare rău, nu-mi plac deloc noile scheme. Am un monitor HiRes de 24″ de ultimă generație, alimentat de o placă grafică bună și obțin o colorare severă a marginilor pe majoritatea textelor din tabloul de bord.

    Vă rugăm să avem o opțiune simplă, clasică, alb-negru + nuanțe de gri.

    Schema de culori veche era mult mai bună, părerea mea.

  18. Este grozav că WordPress se îmbunătățește și ține pasul cu tendințele actuale, cum ar fi designul plat și navigarea pe mobil. Dar cred că ar fi trebuit să ne lase o opțiune pentru a continua să folosim schema de culori și aspectul vechi. Am folosit WordPress ca CMS pentru mai mulți clienți și i-am antrenat și am creat manuale de utilizare cu capturi de ecran ale panoului de administrare pentru ei. Acum, această actualizare ne obligă să schimbăm aspectul de administrare al acestor clienți fără nicio opțiune. Chiar și cele mai apropiate scheme de culori și aspect disponibile sunt prea diferite de aspectul 3.7.1. Nu cred că clienților mei le va plăcea o schimbare de genul acesta impusă lor.

  19. Frumos! Preferata mea este „Flat Theme”. Ce zici de un tutorial despre cum să-ți creezi propria schemă de culori? WP Beginner este grozav! Continuați așa.

    • Alan, mulțumesc! Exact asta speram să găsesc în acest articol... cum să setezi implicitul!

  20. Am mers la tabloul de bord, apoi la „utilizatori”, dar culorile nu erau sub „profilul meu” pentru mine, ci sub „setări personale”.

Lasă un răspuns

Vă mulțumim că ați ales să lăsați un comentariu. Vă rugăm să rețineți că toate comentariile sunt moderate conform politicii noastre de comentarii, iar adresa dvs. de e-mail NU va fi publicată. Vă rugăm să NU folosiți cuvinte cheie în câmpul nume. Să avem o conversație personală și semnificativă.