homefinance blog
Cum să creezi o paletă de culori pentru site-ul tău WordPress (2 metode)
Beneficiile creării unei palete de culori pentru site-ul dvs. web Culorile sunt o parte importantă a branding-ului. Acestea pot ajuta la recunoașterea mărcii și le pot permite cumpărătorilor să-și amintească mai ușor produsele sau serviciile. Schema corectă de culori poate demonstra, de asemenea, profesionalism și credibilitate. Cercetările au arătat că anumite culori tind să evoce anumite emoții din partea consumatorilor. Prin urmare, este important să alegi culorile cu înțelepciune. Schema corectă de culori vă poate ajuta:
- Sporiți conversiile
- Creșteți vânzările și creșteți veniturile
- Consolidează-ți brandingul și prezența online
- Încurajați vizitatorii care revin
- Îmbunătățiți ratele de implicare pe site-ul dvs. web și pe rețelele sociale
- Stabiliți încredere și autoritate
Primul pas este să alegeți culorile și să creați o paletă de culori, astfel încât să aveți o schemă de culori setată cu care să lucrați. Dacă lucrați cu mai mulți membri ai echipei, vă ajută, de asemenea, să mențineți toată lumea pe aceeași pagină. În plus, asigură un aspect profesional și coeziv pe toate platformele dvs., inclusiv pe canalele de socializare și de marketing. Vezi mai jos sfaturile noastre pentru selectarea culorilor .
Al doilea pas este să configurați un sistem pe site-ul dvs., astfel încât să puteți prelua cu ușurință culorile din paleta dvs. de pe paginile dvs. Există multe modalități de a crea o paletă de culori pentru site-ul dvs. web. De exemplu, puteți utiliza platforme și instrumente terțe pentru a experimenta diferite nuanțe și tonuri, cum ar fi Calculatorul de culoare de la Sessions College sau Coolors . Când utilizați schema de culori pentru site-ul dvs. WordPress, puteți combina primul și al doilea pas prin crearea și implementarea paletei dvs. în WordPress. Dacă sunteți utilizator Beaver Builder, acest proces este rapid și ușor. Să aruncăm o privire mai atentă la modul în care funcționează.
Cum să creezi o paletă de culori pentru site-ul tău WordPress (2 metode) În cazul în care nu l-ați folosit niciodată până acum, pluginul nostru Beaver Builder este un instrument de creare a paginii pe care îl puteți folosi pentru a vă crea și edita site-ul. Vine cu un editor frontal intuitiv, în timp real: 
Există un plugin gratuit Beaver Builder WordPress disponibil. Acest instrument vă permite să faceți tot ceea ce discutăm în această postare cu privire la crearea unei palete de culori pentru site-ul dvs. Dacă doriți să deblocați accesul la suita noastră completă de funcții și instrumente, vă recomandăm să faceți upgrade la un plan premium . După ce vă înregistrați, puteți descărca pluginul din tabloul de bord al contului.
Dacă utilizați deja pluginul Beaver Builder, puteți face upgrade navigând la pagina Plugin -uri din tabloul de bord WordPress. Sub Beaver Builder , faceți clic pe linkul Upgrade . După ce ați instalat și activat pluginul Beaver Builder, există două metode principale pe care le puteți utiliza pentru a crea o paletă de culori: manual și programatic. În secțiunile următoare, vă arătăm cum să faceți ambele. * Rețineți că, dacă alegeți Metoda 2, ar trebui să păstrați toate culorile în cod, deoarece suprascrie orice culori setate manual. 1. Cum să adăugați manual presetări de culori personalizate Prima metodă folosește o abordare manuală pentru a crea o paletă de culori cu Beaver Builder. Aceasta este o opțiune la îndemână dacă nu aveți experiență de codare sau dacă nu doriți să vă încurcați cu niciunul dintre fișierele site-ului dvs.
Pentru a începe, navigați la o postare sau o pagină în WordPress, apoi faceți clic pe butonul Lansați Beaver Builder din editor. Aceasta lansează interfața generatorului de pagini. Apoi, faceți clic pe câmpul Culoare pentru un rând, coloană sau modul: 
Aceasta deschide Selectorul de culori. Aici, puteți alege prima culoare pe care doriți să o adăugați în paletă. Alternativ, puteți introduce numărul hexadecimal al culorii preferate: 
După ce ați selectat culoarea, puteți face clic pe pictograma ( + ) din colțul din dreapta sus al selectorului de culori. Puteți repeta acest proces pentru fiecare culoare pe care doriți să o adăugați.
Când sunteți gata, faceți clic pe Color Presets în partea de jos a panoului. Aici, puteți examina presetările de culori pe care le-ați creat: 
Dacă doriți să ștergeți o culoare, trebuie doar să faceți clic pe pictograma X. După ce ați terminat, salvați modificările. 2. Cum să adăugați programatic presetări de culori personalizate A doua metodă este să adăugați programatic presetări de culori personalizate. Vă recomandăm această abordare numai dacă vă simțiți confortabil să lucrați cu cod și să editați fișierele site-ului dvs. În caz contrar, cel mai bine este să utilizați abordarea manuală. Pentru a adăuga presetări în mod programatic, mai întâi ștergeți toate culorile existente pe care le-ați salvat în Beaver Builder. Pentru a face acest lucru, deschideți o pagină pentru editare în Beaver Builder.
Faceți clic în interiorul oricărui modul care utilizează culoarea, alegeți un câmp de culoare și faceți clic pe Color Presets . Ștergeți toate opțiunile pe care le-ați salvat anterior făcând clic pe pictograma X de lângă fiecare culoare. Ieși din editor. Apoi adăugați cod în fișierul functions.php al temei copilului dumneavoastră . Puteți face acest lucru navigând la Aspect > Editor de teme din tabloul de bord WordPress, apoi făcând clic pe Funcții teme în meniul din dreapta: 
După ce fișierul este deschis, puteți adăuga următorul cod cu toate culorile hexadecimale pentru paleta dvs. Acest cod adaugă presetări de culoare la Beaver Builder și Beaver Themer, dar nu afectează selecția culorilor din tema dvs.:
//Adăugați presetări de culoare pentru Beaver Builder
funcția my_builder_color_presets( $culori ) {
$culori = matrice();
$culori[] = '8E181B';
$culori[] = 'D11C23';
$culori[] = '1A4688';
$culori[] = 'D6E1EE';
$culori[] = 'fdfffc';
$culori[] = 'f1d302';
returnează $culori;
}
add_filter( 'fl_builder_color_presets', 'my_builder_color_presets'); Asigurați-vă că înlocuiți valorile hexadecimale din acest exemplu de cod cu cele pentru culorile pe care doriți să le utilizați în paletă. De asemenea, puteți adăuga sau șterge linii în funcție de câte culori doriți să includeți.
Rețineți că nu trebuie să utilizați simbolul „#” cu valorile de culoare hexadecimale pe care le introduceți. Când ați terminat, nu uitați să salvați fișierul pentru a vă publica modificările. Sfaturi pentru alegerea unei palete de culori pentru site-ul dvs. web În acest moment, ar trebui să știți cum să creați o schemă de culori pentru site-ul dvs. folosind Beaver Builder. Cu toate acestea, s-ar putea să vă lupți în continuare să decideți exact ce culori să utilizați. După cum am menționat mai devreme, culorile site-ului dvs. pot avea o influență majoră asupra percepției consumatorilor asupra mărcii și produselor dvs. Prin urmare, este o decizie de luat după o analiză și cercetare atentă.
Pentru a facilita acest proces, iată câteva sfaturi pe care poate doriți să le aveți în vedere. Luați în considerare psihologia culorilor Când alegeți culorile pentru site-ul dvs. web, este important să înțelegeți mai întâi modul în care culorile pot afecta gândurile, sentimentele și comportamentele oamenilor. Aceasta este denumită „psihologia culorii”. Cercetările în psihologia culorilor au arătat că anumite culori pot evoca anumite emoții. De exemplu, roșul este de obicei asociat cu îndrăzneala și entuziasmul. Albastrul este adesea legat de încredere, onestitate și loialitate. Între timp, verdele înseamnă creștere și sănătate, motiv pentru care este adesea folosit de mărcile eco-conștiente. Psihologia culorilor nu trebuie să fie forța motrice din spatele deciziei tale, dar este bine să știi despre aceasta în timpul procesului de selecție. La urma urmei, scopul ar trebui să fie acela de a atrage un răspuns emoțional pozitiv din partea vizitatorilor tăi. Nu te complica Poate fi ușor să te lași dus de cap atunci când creezi o schemă de culori pentru site-ul tău web, dar este important să reții că, uneori, mai simplu este mai bine. Dacă încerci să combinați prea multe culori, riscați ca paleta dvs. de culori să devină prea ocupată sau dezordonată. Acest lucru poate sfârși prin a distrage atenția și a deruta vizitatorii dvs., ceea ce este opusul a ceea ce încercați să realizați. În schimb, vă recomandăm să începeți cu două sau trei culori principale. Puteți adăuga oricând mai multe articole la paleta dvs. de-a lungul drumului. De asemenea, rețineți că puteți încorpora alte culori în site-ul dvs. web, chiar dacă acestea nu fac parte din paleta dvs. Scopul este de a stabili culorile principale pe care doriți să le utilizați pe întregul site web și de a menține consecvența cu strategia dvs. de branding în întreaga afacere. Concluzie Culorile pe care le utilizați pe site-ul dvs. web joacă un rol esențial în succesul acestuia. Acestea afectează impresia vizitatorilor asupra mărcii dvs., precum și rata dvs. de implicare și conversie. Pentru a comunica o estetică coerentă și profesională, vă ajută să creați o schemă de culori pentru site-ul dvs. WordPress. După cum am discutat în această postare, există două metode pe care le puteți folosi pentru a crea o paletă de culori în WordPress, folosind pluginul nostru Beaver Builder . Puteți crea unul manual lansând editorul Beaver Builder și adăugând culorile la Color Presets . Alternativ, puteți utiliza o abordare programatică și puteți adăuga codul paletei de culori în fișierul functions.php al temei . Aveți întrebări despre crearea unei palete de culori pentru site-ul dvs. web? Anunțați-ne în secțiunea de comentarii de mai jos!
