Când este vorba de link-uri, este mai ușor de acceptat așa cum sunt. În final, trebuie doar să vă referiți la un text și toate. Dar ce se poate face într-adevăr pentru a obține oameni să faceți clic pe ele? Poate n Accentuarea textul CSS?
Există de tone de tehnici de marketing pe care le puteți utiliza pentru a obține aceste clicuri. Dar dacă ai nevoie doar pentru a atrage mai multă atenție la link-ul?
Problema mare pe care le văd pe mai multe bloguri - link-uri nu apar ca link-uri. Cititorul învață despre ele doar atunci când treceți peste ele. Acest lucru este inacceptabil.
Evidențiați link-urile dvs.! In acest articol voi vorbi despre 8 modalități eficiente de a schimba stilul de referință.
1. Adăugați culoare
Una dintre cele mai bune moduri de link-uri de styling este de a adăuga culoare. Atunci când cea mai mare parte a textului negru, adăugați alte culori pentru a face link-ul de mai vizibile.
Dar trebuie să fii sigur că culoarea selectată interacționează cu restul brand-ul. În caz contrar, vor fi furnizate link-uri, dar este greșit.
De asemenea, amintiți-vă despre contrastul. Culoare inchisa, aproape negru nu va furniza link-uri diferențe față de restul paragrafului. O lumină prea nu va da un contrast suficient între fond alb și textul.
Mariah c Femtrepreneur folosește o culoare roșie interesantă pentru a evidenția legăturile sale:
Pentru a schimba culoarea de link-uri de pe site-ul, uita-te la masa de stiluri și teme le găsim următoarele:
Schimbați valoarea la următoarea culoare. Asta este!
Un cuvânt de consiliere - dacă modificați valoarea de culoare, și se schimbă nimic, este posibil ca link-urile din mesajele dumneavoastră controlate de către un alt element. Derulați în jos și localizați foaia de stil .content un șir de caractere sau un .entry. Asta în cazul în care doriți să modificați valoarea de culoare.
Aveți nevoie de ajutor pentru a alege culoarea? Utilizați una dintre cele mai populare instrumente:- 0to255;
- Adobe Kuler.
2. Asigurați-vă mai grasa
Pentru a face link-urile CSS subliniere caractere aldine, adăugați următorul cod:
Sau utilizați un font care acceptă valori de saturație diferite (grosime):
De exemplu, fontul Open Sans are o grosime 300. 400. 600. 800. 700 și 400. În cazul în care grosimea alegerii text bun este de a utiliza pentru referință 600. Grosimea de 700 sau 800.
3. Adăugați o subliniere
Pentru a realiza link-urile de subliniere CSS. utilizați acest cod:
mod mai neconvențional pentru a adăuga un link de subliniere - stabili o limită inferioară. Această metodă oferă mai multă flexibilitate atunci când vine vorba de modul în care sublinia afișează.
Un cuvânt de sfat. Nu se lipesc în mod necesar la limitele solide. Puteți încerca una dintre următoarele opțiuni:- CSS subliniere cu linie punctată (punctată);
- La fața locului (punctată);
- Dual (dublu).
4. Stilul cursiv
Evidențiați link-uri cu caractere cursive este destul de simplu, dar de multe ori uita de acest fel de stil. Următoarea captură de ecran a paginii pe care ies în evidență, dar se potrivesc perfect în design-ul site-ului:
Iată cum se face acest lucru:
5. Asigurați-vă toate literele din capitalul
Dacă te uiți la posturile din acest blog. veți observa că link-urile sunt concepute în așa fel. Iată cum să atragă link-uri cu litere majuscule:
6. Utilizați un alt font
Un alt mod de a evidenția link-urile - folosesc un alt font. Această metodă poate face o mizerie în cazul în care acesta este utilizat în mod abuziv. Deci, urmați aceste sfaturi.
Pentru a asigura coerența maximă, selectați un font din aceeași familie. Versiunea comprimată sau neagră a fontului va iesi in evidenta, dar nu prea diferit.
Pentru legăturile sale am ales un font care este suficient de similară să nu fie evidentă, dar este diferit de restul textului. Așa că am luat contrastul pe care am vrut.
7. Adăugați culoare de fundal
Una dintre căile mele preferate pentru a evidenția link-ul (după puncte de subliniere CSS) - pentru a adăuga o culoare de fundal. Uită-te la următorul exemplu:
Tu va fi, în orice caz, nu ratează.
Tot ce trebuie să faceți este să adăugați o culoare de fundal, și, probabil, un pic de umplutură. Puteți schimba, de asemenea, culoarea fontului pentru o mai bună lizibilitate:
8. Se amestecă și se potrivesc!
Pentru a obține rezultate maxime combina oricare două (sau mai multe) de selecție metodele enumerate mai sus. Este posibil să fi observat că cele mai multe dintre exemplele citate referințele au fost colorate. Acest lucru se datorează faptului că culoarea joaca un rol foarte mare în alocarea de referință în raport cu textul înconjurător.
Traducerea articolului „8 moduri de a LEGĂTURI STYLE astfel încât acestea să iasa din“ a fost pregătit de o echipă de proiect prietenos Web design de la A la Z.