Cum să schimbi culoarea linkului în WordPress (Ghid pentru începători)

„Cum fac linkurile mele să iasă în evidență?” Aceasta este o întrebare pe care o auzim în mod regulat de la cititorii noștri WPBeginner.

Deși ar putea părea un detaliu minor, culorile linkurilor joacă un rol important în utilizabilitatea și ratele de conversie ale site-ului dvs. web. Acesta este motivul pentru care folosim culoarea portocalie pentru linkuri la WPBeginner.

Vestea bună este că schimbarea culorilor linkurilor în WordPress a devenit mult mai ușoară decât era înainte. Nu aveți nevoie să fiți un expert CSS sau să angajați un dezvoltator – există acum soluții simple pe care oricine le poate folosi, indiferent de abilitățile lor tehnice.

În acest ghid, vă vom prezenta pașii exacți pentru a vă schimba culorile linkurilor în WordPress.

De ce să schimbi culoarea linkurilor în WordPress?

Principalele motive pentru a schimba culorile linkurilor în WordPress sunt pentru a se potrivi identității mărcii dvs. și pentru a îmbunătăți lizibilitatea conținutului dvs. Prin personalizarea acestor culori, ghidați atenția vizitatorilor către cele mai importante părți ale paginii dvs.

Iată câteva beneficii specifice ale personalizării culorilor linkurilor dvs.:

• Accesibilitate mai bună: Creșterea contrastului de culoare între text și fundal face site-ul dvs. mai ușor de citit pentru persoanele cu deficiențe de vedere.
• Consistența brandului: Puteți alinia linkurile cu logo-ul și schema generală de culori pentru un aspect profesional.
• Rate de clic mai mari: Utilizarea unei culori distincte pentru linkuri (cum ar fi butoanele sau apelurile la acțiune) încurajează vizitatorii să dea clic, crescând conversiile.

Acestea fiind spuse, să vedem cum să schimbăm culoarea linkurilor pe site-ul dvs. WordPress. Pur și simplu utilizați linkurile rapide de mai jos pentru a sări direct la metoda preferată:

• Cum să schimbați culoarea linkului în temele clasice WordPress
• Cum să schimbați culoarea linkurilor în temele bloc WordPress
• Cum să schimbați culorile individuale ale linkurilor în editorul pe blocuri
• How to Change Link Color in WordPress With Code (All Themes)
• Tutorial video
• Întrebări frecvente despre schimbarea culorii linkurilor în WordPress

Cum să schimbați culoarea linkului în temele clasice WordPress

Unele teme clasice au opțiuni încorporate pentru schimbarea culorilor linkurilor, dar va trebui să verificați mai întâi setările temei dvs. specifice.

Pentru a vedea dacă tema dvs. are această opțiune, accesați Aspect » Personalizare. Apoi căutați o setare care spune „Culori” sau ceva similar. În tema Sydney , este etichetată pur și simplu ca „Culori”.

Apoi, găsiți o setare care vă permite să schimbați culorile linkurilor.

Sydney face această operațiune simplă cu opțiuni de „Culoare link” atât pentru stările implicite, cât și pentru cele la hover.

Culoarea la hover a linkului este cea care apare atunci când un vizitator își plasează mouse-ul peste un link, deci este o modalitate excelentă de a le atrage atenția și de a îmbunătăți rata de clic.

Apoi puteți face clic pe „Publicare” pentru a salva modificările.

Rețineți că unele teme nu au setări directe pentru culoarea linkurilor. În schimb, culoarea linkului poate fi legată global de culorile primare sau secundare ale temei dvs.

Dacă tema dvs. nu oferă personalizarea directă a culorii linkurilor, nu vă faceți griji! Puteți accesa a patra metodă, unde vă vom arăta cum să schimbați culoarea linkurilor folosind cod.

Cum să schimbați culoarea linkurilor în temele bloc WordPress

Dacă folosești o temă de bloc, atunci va trebui să folosești editorul complet al site-ului pentru a-ți personaliza culorile linkurilor.

Accesați Aspect » Editor din tabloul de bord WordPress.

Veți vedea toate meniurile pentru a personaliza aspectul site-ului dvs.

Aici, faceți clic pe „Stiluri”.

Vei vedea stilurile implicite ale temei tale afișate.

Caută și apasă pe butonul de editare cu creionul pentru a începe personalizarea.

Editorul pentru întregul site se va deschide cu o bară laterală pentru editarea stilurilor temei tale.

Faceți clic pe „Culori” în această bară laterală pentru a accesa opțiunile de personalizare a culorilor.

Găsiți opțiunea Link și faceți clic pe ea pentru a afișa setările de culoare atât pentru stările implicite, cât și pentru cele de hover. Ar trebui să alegeți o culoare care se potrivește cu designul site-ului dvs.

Cu toate acestea, este, de asemenea, important să vă asigurați că există un contrast ridicat între fundal și culoarea linkului. Acest lucru asigură că site-ul dvs. este accesibil și ușor de citit pentru toată lumea.

Odată ce sunteți mulțumit de modificările dvs., pur și simplu faceți clic pe „Salvare” pentru a le face live pe site-ul dvs.

Cum să schimbați culorile individuale ale linkurilor în editorul pe blocuri

Uneori, s-ar putea să doriți să schimbați culoarea linkurilor individuale. De exemplu, ați putea dori să atrageți atenția vizitatorului asupra apelului la acțiune pe o pagină de destinație.

Pentru a face acest lucru, pur și simplu evidențiați linkul specific pe care doriți să îl personalizați.

Apoi, faceți clic pe pictograma săgeată din bara de instrumente și selectați „Evidențiere” din meniul derulant.

Apoi, faceți clic pe fila „Text”. Acum puteți selecta culoarea pentru acel link specific.

După ce ați terminat, selectați culoarea pe care doriți să o utilizați.

Pentru a personaliza mai multe linkuri, pur și simplu repetați acești pași.

Când ești mulțumit de cum arată linkurile, apasă pe „Salvează” pentru a face modificările tale publice.

Cum să schimbați culoarea linkurilor în WordPress cu cod (toate temele)

Dacă tema dvs. nu oferă opțiunea de a schimba culoarea linkului, atunci cea mai ușoară metodă este să adăugați CSS personalizat pe site-ul dvs. WordPress.

Adesea, veți găsi fragmente de cod în tutorialele WordPress cu instrucțiuni de a le adăuga în fișierul functions.php al temei dvs.

Cea mai mare problemă este că chiar și o mică greșeală în fragmentul de cod personalizat poate defecta site-ul dvs. WordPress și îl poate face inaccesibil. De asemenea, veți pierde toate personalizările dvs. data viitoare când actualizați tema WordPress.

Aici intervine WPCode.

După testări amănunțite, am ajuns la concluzia că este cea mai sigură și mai ușoară modalitate de a adăuga cod personalizat pe site-ul dvs. web. Pentru detalii, consultați recenzia noastră despre WPCode.

Primul lucru pe care trebuie să îl faceți este să instalați și să activați pluginul gratuit WPCode. Pentru mai multe detalii, consultați ghidul nostru pas cu pas despre cum se instalează un plugin WordPress.

După activare, accesați Fragmente de cod » Adăugare fragment.

Aici, pur și simplu plasați cursorul mouse-ului peste „Add Your Custom Code (New Snippet)”.

Apoi, faceți clic pe butonul „+ Adaugă fragment personalizat” atunci când apare.

Apoi, trebuie să selectați „Fragment de cod CSS” ca tip de cod din lista de opțiuni afișate pe ecran.

După aceea, introduceți un titlu pentru fragmentul de cod personalizat. Acesta poate fi orice ajută la identificarea fragmentului în tabloul de bord WordPress.

Acum puteți adăuga un fragment CSS personalizat în caseta de cod. Să analizăm câteva dintre diferitele fragmente pe care le puteți utiliza.

Schimbă culoarea linkurilor pe întregul site WordPress

Pentru început, s-ar putea să doriți să personalizați culoarea generală a linkurilor. Aceasta este culoarea pe care vizitatorii o vor vedea înainte de a face clic pe un link.

Pentru a face acest lucru, pur și simplu adăugați următorul fragment în caseta de cod WPCode:

a {
     color: #FFA500;
}

Notă: Acest cod CSS modifică culoarea linkurilor pentru întregul dvs. site web. Aceasta include meniurile de navigare, butoanele și linkurile din subsol.

În exemplul de mai sus, codul hex # va schimba culoarea linkului în portocaliu, deci va trebui să schimbați #FFA500 cu culoarea pe care doriți să o utilizați.

Dacă nu sunteți sigur ce cod hexazecimal să folosiți, puteți explora diferite culori și obține codurile lor pe site-ul HTML Color Codes.

Când sunteți mulțumit de cum arată codul dvs., faceți clic pe comutatorul „Inactiv” pentru ca acesta să afișeze „Activ” în schimb. În final, faceți clic pe „Salvare fragment” pentru a face fragmentul CSS live.

Acum, dacă vizitați site-ul dumneavoastră WordPress, veți vedea noua culoare a linkului în acțiune.

Schimbarea culorii linkului la trecerea cu mouse-ul în WordPress

Pentru a schimba culoarea de hover a linkului, pur și simplu lipiți următorul fragment în editorul WPCode:

a:hover {
     color: #FF0000;
     text-decoration: underline;
}

Codul de mai sus va schimba culoarea linkului în roșu și va sublinia textul atunci când vizitatorii trec cu mouse-ul peste el. Ca și înainte, puteți schimba codul hexazecimal #FF0000 cu orice culoare doriți să utilizați.

Când sunteți gata să publicați, puteți publica fragmentul de cod urmând același proces descris mai sus.

Schimbarea culorii linkului după vizitare în WordPress

Apoi, s-ar putea să dorești să schimbi culoarea linkului după ce un utilizator a făcut clic pe el. Acest lucru poate ajuta vizitatorii să se orienteze pe blogul tău WordPress, arătând ce linkuri au fost deja accesate.

Puteți utiliza codul CSS de mai jos pentru a schimba culoarea linkurilor vizitate:

a:visited {
     color: #0000FF;
}

Ca întotdeauna, asigurați-vă că schimbați codul hexazecimal albastru #0000FF cu culoarea pe care doriți să o utilizați în linkurile dvs.

După ce ați terminat, faceți clic pe comutatorul „Inactiv” pentru ca acesta să se schimbe în „Activ”. Apoi, pur și simplu faceți clic pe „Salvare fragment” pentru a face codul activ pe site-ul, blogul sau magazinul dvs. online.

Tutorial video

Dacă nu vă plac instrucțiunile scrise, puteți viziona tutorialul nostru video în schimb:

Întrebări frecvente despre schimbarea culorii linkurilor în WordPress

Iată câteva întrebări pe care cititorii noștri le-au adresat frecvent cu privire la schimbarea culorilor linkurilor pe site-ul lor:

Pot schimba culoarea unui hyperlink?

Da, majoritatea temelor WordPress vă permit să schimbați culorile hyperlinkurilor la nivel global prin setările de Aspect sau Editorul de site. De asemenea, puteți schimba culoarea linkurilor individuale direct în editorul de postări, evidențiind linkul și selectând o culoare din bara de instrumente.

Cum personalizez un link în WordPress?

Puteți personaliza un link selectându-l în editorul de blocuri și utilizând opțiunile din bara de instrumente. Acest lucru vă permite să schimbați URL-ul de destinație, să-l setați să se deschidă într-o filă nouă sau să ajustați setările de culoare și stil în bara laterală din dreapta.

Cum îmi personalizez linkul URL?

Pentru a schimba textul URL-ului în sine (slug-ul), accesați setările „Postare” din bara laterală din dreapta și căutați secțiunea „URL”. Dacă doriți să schimbați aspectul vizual al linkului, cum ar fi fontul sau culoarea, utilizați setările „Stil” din editorul de blocuri.

Pentru mai multe detalii, consultați tutorialul nostru despre cum să vă schimbați URL-urile site-ului WordPress.

Cum schimbi linkurile în WordPress?

Pur și simplu faceți clic pe textul existent al linkului în editorul de conținut și selectați butonul „Editare” (pictograma creion) din bara de instrumente plutitoare. De acolo, puteți lipi un URL nou sau puteți modifica textul pe care doriți să îl afișați vizitatorilor.

Cum pot schimba linkul paginii mele?

Puteți schimba un link de pagină editând slug-ul permalink-ului în bara laterală a setărilor paginii, sub secțiunea „URL”. Dacă pagina este deja publicată, recomandăm configurarea unei redirecționări 301, astfel încât vizitatorii care folosesc linkul vechi să fie trimiși la noua pagină corectă.

Cum să schimbi pictograma linkului în WordPress?

WordPress nu are o setare implicită pentru a adăuga sau schimba pictogramele linkurilor, așa că, de obicei, va trebui să folosiți un plugin. Pluginuri precum External Links pot adăuga automat pictograme la linkurile externe, sau puteți adăuga manual pictograme folosind FontAwesome și CSS personalizat.

Sperăm că acest articol v-a ajutat să învățați cum să schimbați culoarea linkurilor în WordPress. De asemenea, ați putea dori să consultați ghidul nostru despre cum să schimbați culoarea textului în WordPress sau ghidul nostru complet despre cele mai eficiente elemente de design 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.