Vă amintiți că ați folosit un marker galben pentru a marca pasaje importante în manuale? Echivalentul digital în WordPress este la fel de util pentru a face informațiile cheie să iasă în evidență pe site-ul dvs.
Dar mulți începători nu realizează cât de ușor este să adăugați această formatare la conținutul lor.
Pe parcursul timpului în care am administrat WPBeginner, am observat că tehnici simple precum evidențierea textului fac adesea cea mai mare diferență în modul în care cititorii interacționează cu conținutul.
Când este utilizat strategic, textul evidențiat poate ghida vizitatorii către cele mai importante puncte ale dvs. și poate îmbunătăți reținerea mesajului.
În acest ghid, vă vom arăta mai multe metode ușoare pentru a evidenția textul în WordPress.
⚡Răspuns rapid: Cum să evidențiezi textul în WordPress
Te grăbești? Verifică rapid cele mai ușoare moduri de a evidenția textul în WordPress:
- Folosește opțiunea nativă de Evidențiere (Metoda 1) dacă ai nevoie doar să evidențiezi câteva cuvinte sau propoziții în postări individuale.
- Utilizați WPCode pentru a adăuga o clasă globală de evidențiere CSS (Metoda 2) dacă doriți un stil de evidențiere consecvent și de marcă pe întregul site.
De ce să evidențiați textul în WordPress
Evidențierea textului în WordPress vă ajută să atrageți atenția asupra celor mai importante părți ale conținutului dvs.
Face informațiile cheie mai ușor de observat, îmbunătățește lizibilitatea și oferă suport pentru accesibilitate utilizatorilor care pot avea dificultăți vizuale sau de citire.
Iată principalele beneficii ale evidențierii textului:
- Îmbunătățește vizibilitatea informațiilor cheie: Ajută detaliile importante precum reducerile, ofertele sau avertismentele să iasă în evidență, astfel încât cititorii să nu le rateze.
- Crește conversiile: Evidențiind apelurile la acțiune sau ofertele speciale, puteți ghida utilizatorii către următorul pas mai ușor.
- Îmbunătățește lizibilitatea: Face conținutul lung mai ușor de scanat, ajutând cititorii să găsească rapid cele mai relevante puncte.
- Susține accesibilitatea: Poate ajuta utilizatorii cu deficiențe vizuale sau dificultăți de citire să înțeleagă și să navigheze mai bine conținutul dvs.
- Îmbunătățește aspectul vizual: Când este utilizată corect, evidențierea poate face conținutul dvs. să pară mai structurat și mai captivant.
Cele mai bune practici pentru evidențierea eficientă a textului
Acum că știți de ce este utilă evidențierea textului, este important să o folosiți în mod corect.
Când este făcută corect, îmbunătățește lizibilitatea și implicarea, dar utilizarea excesivă poate avea efectul opus.
| Cea mai bună practică | Explicație |
|---|---|
| Folosiți cu moderație | Evidențiați doar fraze cheie, apeluri la acțiune sau avertismente. Utilizarea excesivă a evidențierilor le reduce impactul. |
| Mențineți contrastul | Asigurați-vă că culoarea de evidențiere contrastează bine cu textul pentru o mai bună lizibilitate și accesibilitate. Instrumente precum WebAIM contrast checker vă pot ajuta. |
| Alegeți culorile brandului | Utilizați culori de evidențiere care se potrivesc cu brandingul site-ului dvs. pentru un aspect consecvent și profesional. |
| Testați pe diferite dispozitive | Verificați cum apare textul evidențiat pe desktop, tabletă și mobil pentru a vă asigura că rămâne clar și lizibil peste tot. |
Acestea fiind spuse, să vedem cum să evidențiați ușor textul în WordPress. Puteți folosi linkurile rapide de mai jos pentru a sări la metoda pe care doriți să o utilizați:
Metoda 1: Evidențierea textului în WordPress folosind editorul de blocuri
Această metodă este pentru dvs. dacă doriți să evidențiați cu ușurință textul în WordPress utilizând editorul de blocuri (Gutenberg).
Mai întâi, va trebui să deschideți o postare existentă sau una nouă în editorul de conținut din bara laterală de administrare WordPress.
Odată ajuns acolo, selectează pur și simplu textul pe care dorești să-l evidențiezi. Apoi, dă clic pe pictograma săgeată în jos din bara de instrumente a blocului pentru a vedea mai multe opțiuni.
Aceasta va deschide un meniu derulant unde trebuie să alegi opțiunea „Evidențiere” din listă.
O unealtă de selectare a culorilor se va deschide acum pe ecran. De aici, va trebui să alegeți opțiunea de culoare „Fundal”.
După aceea, alegeți o culoare implicită de evidențiere din opțiunile oferite.
Puteți, de asemenea, să selectați o culoare personalizată pentru a evidenția textul, făcând clic pe opțiunea „Personalizat” pentru a deschide selectorul complet de culori.
În final, nu uitați să faceți clic pe butonul „Publicați” sau „Actualizați” pentru a salva modificările.
Acum puteți vizita blogul dvs. WordPress pentru a vedea textul evidențiat în acțiune.
Dacă doriți vreodată să eliminați evidențierea, selectați din nou textul evidențiat în editorul de blocuri, faceți clic pe pictograma săgeată în jos și alegeți „Evidențiere”.
Apoi selectați opțiunea „Ștergere” din selectorul de culori.
Metoda 2: Evidențierea textului în WordPress folosind WPCode (Recomandat)
Dacă doriți să utilizați în mod constant o anumită culoare pentru a evidenția textul pe întregul site WordPress, atunci această metodă este pentru dvs.
Principalul beneficiu al acestei metode este controlul global. Dacă decizi vreodată să schimbi culoarea de evidențiere, va trebui să actualizezi fragmentul de cod o singură dată. Acesta va actualiza automat culoarea de evidențiere pe întregul site.
Puteți evidenția cu ușurință textul în WordPress adăugând cod CSS la fișierele temei dvs. Cu toate acestea, cea mai mică eroare la introducerea codului ar putea defecta site-ul dvs., făcându-l inaccesibil.
De aceea recomandăm utilizarea WPCode, care este cel mai bun plugin de fragmente de cod WordPress de pe piață. Are peste 3 milioane de instalări active și o evaluare de 4,9/5 stele pe WordPress.org.
După testări amănunțite, am constatat că este cea mai ușoară și sigură modalitate de a adăuga cod pe site-ul dvs. fără a edita direct fișierele temei. Acest lucru se datorează validării inteligente a codului, gestionării integrate a erorilor și mediului de execuție sigur.
Pentru detalii, consultați recenzia noastră WPCode.
Pasul 1: Instalați și configurați WPCode
Mai întâi, trebuie să instalați și să activați pluginul WPCode. Pentru mai multe instrucțiuni, consultați ghidul nostru pentru începători despre cum se instalează un plugin WordPress.
Notă: WPCode are și un plan gratuit pe care îl puteți utiliza pentru acest tutorial. Cu toate acestea, actualizarea la planul plătit va debloca mai multe funcționalități, cum ar fi o bibliotecă cloud de fragmente de cod, logică condițională inteligentă și multe altele.
Pasul 2: Creați un fragment CSS personalizat
După activare, accesați pagina Code Snippets » + Add Snippet din bara laterală de administrare WordPress.
În continuare, faceți clic pe butonul „+ Adăugați fragment personalizat” sub opțiunea „Adăugați codul dvs. personalizat (fragment nou)”.
Apoi, trebuie să selectați un tip de cod. Pentru acest tutorial, selectați opțiunea „Fragment CSS”.
După aceea, adăugați un nume potrivit pentru fragmentul dvs. de cod.
Acest lucru vă va duce la pagina „Creează fragment personalizat”, unde puteți începe prin a introduce un nume pentru fragmentul dumneavoastră de cod.
Numele este doar pentru referința dvs. și poate fi orice pentru a vă ajuta să vă amintiți la ce servește codul.
Pasul 3: Adăugați codul personalizat
Apoi, copiați și lipiți următorul cod în caseta „Previzualizare cod”:
mark {
background-color: #ffd4a1;
}
Odată ce ați făcut acest lucru, adăugați codul hexazecimal pentru culoarea de evidențiere preferată lângă linia background-color din cod.
În exemplul nostru, folosim #ffd4a1, care este o culoare maro deschis.
Pasul 4: Activați Inserarea automată și Salvați
După aceea, derulați în jos la secțiunea „Inserare”.
De aici, selectați metoda „Inserare automată” pentru a executa codul la activare.
Apoi, mergeți în partea de sus a paginii și comutați comutatorul „Inactiv” la „Activ”.
În final, faceți clic pe butonul „Salvează fragmentul” pentru a stoca modificările.
Pasul 5: Editați Postarea în Vizualizare HTML
Acum că fragmentul CSS a fost activat, trebuie să aplicăm formatarea. Deoarece acesta este un stil personalizat, vom comuta pe scurt la vizualizarea HTML pentru un anumit bloc pentru a încadra textul.
Mai întâi, deschideți o postare existentă sau una nouă în editorul de blocuri WordPress.
De aici, faceți clic pe pictograma „Mai multe opțiuni” (trei puncte verticale) din bara de instrumente a blocului selectat. Aceasta va deschide un nou meniu derulant unde trebuie să selectați opțiunea „Editați ca HTML”.
Pasul 6: Încadrați textul cu etichete <mark>
Veți vedea acum conținutul blocului în format HTML.
Aici, pur și simplu încadrați textul pe care doriți să-l evidențiați între etichetele <mark> </mark> astfel:
<mark>highlighted-text</mark>
Aceasta va evidenția textul în culoarea hexazecimală pe care ați ales-o în fragmentul dvs. WPCode.
După aceea, faceți clic pe opțiunea „Editare vizuală” din bara de instrumente a blocului pentru a reveni la editorul vizual.
Pasul 7: Salvați și Publicați Postarea
Odată ce ați terminat, faceți clic pe butonul „Actualizare” sau „Publicare” pentru a salva modificările.
Acum, puteți vizita site-ul dvs. web pentru a vedea textul evidențiat în acțiune.
Bonus: Folosiți SeedProd pentru a evidenția paginile importante de pe site-ul dvs.
Am discutat cum să formatezi cuvinte specifice în conținutul tău. Cu toate acestea, uneori s-ar putea să dorești să evidențiezi secțiuni sau pagini întregi de pe site-ul tău, cum ar fi un formular de contact sau un cupon cadou.
De exemplu, dacă aveți un magazin online și tocmai ați lansat o vânzare sezonieră, atunci s-ar putea să doriți să evidențiați acea ofertă pe site-ul dvs.
Puteți evidenția aceste secțiuni creând pagini de destinație pentru ele. Acestea sunt pagini independente pe site-ul dvs. web, concepute pentru a genera lead-uri.
Pentru a crea pagini de destinație atrăgătoare pentru site-ul dvs., vă recomandăm să utilizați SeedProd. Este cel mai bun creator de pagini de destinație WordPress de pe piață, utilizat de peste 1 milion de site-uri web și evaluat constant la 4,9/5 stele pe WordPress.org.
SeedProd vine cu un constructor drag-and-drop, peste 350 de șabloane predefinite și peste 90 de blocuri.
Am văzut multe afaceri, inclusiv magazine de eCommerce și agenții de marketing, obținând rezultate excelente cu SeedProd, raportând adesea îmbunătățiri semnificative în generarea de lead-uri și conversii.
Pentru detalii, consultați recenzia noastră despre SeedProd.
Pluginul facilitează crearea unor pagini de destinație atractive care evidențiază secțiuni importante ale site-ului dvs., cum ar fi un formular de contact, un anunț de vânzare, concursuri, mărturii, formulare de abonare, pagini de autentificare și multe altele.
Pe lângă acestea, puteți utiliza, de asemenea, SeedProd pentru a crea teme personalizate, pagini de tip „în curând”, pagini de întreținere și multe altele.
Pentru detalii, puteți consulta tutorialul nostru despre cum să creați o pagină de destinație în WordPress.
Întrebări frecvente despre evidențierea textului în WordPress
Iată câteva întrebări pe care cititorii noștri le-au adresat frecvent despre evidențierea textului în WordPress:
Cum schimbi culoarea textului în WordPress?
Puteți schimba culoarea textului în WordPress folosind editorul de blocuri, selectând textul și ajustând setările de culoare din opțiunea „Culoare text” a blocului. Acest lucru vă permite să stilizați rapid conținutul fără codare.
Pentru mai multe informații, consultați ghidul nostru despre cum să schimbați culoarea textului în WordPress.
Cum poți evidenția textul cu HTML în WordPress?
Puteți evidenția textul cu HTML în WordPress încadratu-l într-o etichetă <mark> sau folosind stiluri CSS inline. Acest lucru vă oferă mai mult control asupra aspectului evidențierii.
Dacă preferați o opțiune mai simplă, puteți folosi și un plugin precum WPCode pentru a adăuga și gestiona fragmente CSS personalizate în tabloul de bord WordPress.
Ce tastă Ctrl este folosită pentru evidențierea textului în WordPress?
Nu există o scurtătură specifică cu tasta Ctrl în WordPress pentru evidențierea directă a textului. Evidențierea se face de obicei manual, selectând textul cu mouse-ul sau trackpad-ul.
Cu toate acestea, puteți folosi Ctrl + A (Cmd + A pe Mac) pentru a selecta tot textul dintr-un bloc sau editor, ceea ce face mai ușor să aplicați ulterior formatări precum evidențierea sau modificările de culoare.
Cum schimbi culoarea linkului în WordPress?
Puteți schimba culoarea linkului în WordPress folosind setările de personalizare ale temei dvs. sau CSS personalizat. Acest lucru vă permite să potriviți stilurile linkurilor cu designul site-ului dvs. pentru un aspect coerent.
Pentru instrucțiuni pas cu pas, consultați tutorialul nostru despre cum să schimbați culoarea linkului în WordPress.
Sperăm că acest ghid v-a ajutat să învățați cum să evidențiați textul în WordPress. De asemenea, ați putea dori să consultați ghidul nostru pas cu pas despre cum să personalizați culorile în WordPress pentru a face site-ul dvs. mai plăcut din punct de vedere estetic și comparația noastră a celor mai buni constructori de site-uri AI pentru WordPress.
Dacă v-a plăcut acest articol, atunci vă rugăm să vă abonați la Canalul nostru de YouTube pentru tutoriale video despre WordPress. Ne puteți găsi, de asemenea, pe Twitter și Facebook.
Jiří Vaněk
Evidențierea textului este excelentă pentru a atrage atenția. Până acum, folosisem doar sublinierea, dar din mai multe comentarii la articolele mele, am primit feedback că unii utilizatori au trecut cu vederea. De aceea, are mai mult sens pentru mine să subliniez importanța textului în acest fel. Am folosit un fragment în pluginul WP Code și tag-urile . Funcționează excelent și, datorită fragmentului, am putut folosi și o culoare stilizată pentru a se potrivi cu designul site-ului meu.
Mrteesurez
În timp ce citeam postarea ta despre redimensionarea textului, o consider benefică pentru site-ul meu educațional, deoarece îmi pasă de utilizatorii care ar putea avea deficiențe vizuale sau dificultăți de citire. Evidențierea textului este o altă modalitate excelentă pe care o pot folosi, de asemenea, pentru a afișa mai clar anumitor utilizatori un text important.
Apreciez acest ghid, mulțumesc WPbeginner!
Dennis Muthomi
Când aleg o culoare personalizată pentru evidențiere, cum pot adăuga o culoare personalizată la alegerea mea pentru a apărea în cele 5 opțiuni de culori implicite afișate în partea de jos a selectorului de culori.
Ar fi util dacă aș putea salva o culoare hex personalizată pentru a o reutiliza cu ușurință, în loc să trebuiască să o introduc manual de fiecare dată.
Suport WPBeginner
Nu există o metodă simplă pe care am recomanda-o în acest moment, dar dacă vom găsi o metodă, cu siguranță o vom împărtăși!
Admin
Dennis Muthomi
salut mulțumesc că ți-ai făcut timp să răspunzi, voi fi cu siguranță cu ochii în patru în cazul în care vei descoperi o metodă bună în viitor
Jiří Vaněk
În acest caz, aș recomanda utilizarea unui constructor de pagini în schimb. De exemplu, Elementor are o funcționalitate similară și o folosesc pe site-uri unde este instalat Elementor. Puteți configura o paletă de culori personalizată, pe care Elementor o reține, și apoi o puteți folosi pentru evidențiere.
Ralph
Un mod atât de simplu de a face ceva să iasă în evidență! Grozav!
Acest lucru trebuie să fie legat de personalizarea temei mele, dar când evidențiez textul în sine sau fundalul, acesta schimbă fontul. Ceea ce este ciudat, deoarece la personalizare am setat toate fonturile în toate scenariile la doar 2 fonturi. Primul pentru anteturi și al doilea pentru tot restul. Cred că va trebui să mai petrec o seară cu asta.
Suport WPBeginner
Este foarte ciudat, am recomanda să contactați suportul temei dvs. pentru a vedea dacă există vreun conflict de stilizare.
Admin
Prakash Joshi
Salut,… mulțumesc pentru postare.
Am încercat să folosesc instrumentele HTML de marcare și editorul avansat. Dar există o problemă. Textul evidențiat devine automat îngroșat. De ce se întâmplă asta? Aveți soluții??
Suport WPBeginner
Dacă se întâmplă automat, atunci ar trebui să verificați cu suportul temei dvs. specifice pentru a vă asigura că nu este un conflict cu stilizarea implicită a temei.
Admin
Luqman Khokhar
Postare drăguță despre evidențierea textului specific, conform experienței mele, a 2-a și a 3-a opțiune sunt bune, deoarece multe pluginuri nu sunt o abordare bună. Ele pot încetini site-ul dvs.
Suport WPBeginner
Mulțumim, dar numărul de pluginuri nu este principalul factor pentru viteza site-ului dvs., am recomanda să consultați recomandările noastre de mai jos:
https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site
Admin