Cum să adăugați un redimensionator de fonturi în WordPress pentru accesibilitate

Am învățat că cele mai bune site-uri web sunt cele care se adaptează utilizatorilor lor, nu invers. Una dintre cele mai eficiente modalități de a face acest lucru este prin adăugarea unui redimensionator de fonturi care permite vizitatorilor să ajusteze dimensiunea textului la nivelul lor de confort.

Accesibilitatea fonturilor beneficiază pe toată lumea – de la utilizatorii cu deficiențe de vedere la persoanele care citesc pe dispozitive diferite sau în condiții de iluminare variate.

Când vizitatorii pot personaliza cu ușurință dimensiunea textului, aceștia rămân mai mult timp, citesc mai mult și sunt mai predispuși să interacționeze cu conținutul dvs. și să ia măsuri pe site-ul dvs.

În acest ghid, vă vom arăta exact cum să adăugați un redimensionator de fonturi pe site-ul dvs. WordPress. Am testat mai multe metode și pluginuri pentru a găsi cele mai fiabile opțiuni care funcționează cu orice temă și nu vor încetini site-ul dvs.

De ce este important să adăugați text redimensionabil pe site-ul dvs.? 🤔

Dacă dimensiunea fontului este prea mică pe site-ul dvs., oamenii vor avea dificultăți în a vă citi articolele și, în cele din urmă, vă vor părăsi site-ul.

O modalitate ușoară de a îmbunătăți lizibilitatea este de a oferi vizitatorilor opțiunea de a redimensiona textul principal de pe site-ul dvs. web. Acest lucru permite utilizatorilor să ajusteze dimensiunea textului după placul lor și să petreacă mai mult timp pe site-ul dvs.

Chiar dacă puteți utiliza funcția de zoom încorporată a browserului apăsând tastele „CTRL și +”, aceasta mărește dimensiunea fiecărui element de design WordPress de pe pagină, nu doar textul. Acest lucru poate perturba aspectul site-ului și nu oferă o experiență excelentă utilizatorului.

Acestea fiind spuse, să vedem cum puteți adăuga cu ușurință text redimensionabil pentru vizitatorii dvs. în WordPress. Puteți utiliza linkurile rapide de mai jos pentru a sări la o metodă specifică:

• Metoda 1: Adăugați redimensionarea fonturilor WordPress cu plugin și cod
• Metoda 2: Utilizați pluginul WordPress Accessibility
• Faceți site-ul dvs. WordPress și mai ușor de utilizat cu aceste sfaturi
• Tutorial video

Metoda 1: Adăugați redimensionarea fonturilor WordPress cu plugin și cod

O modalitate ușoară de a permite utilizatorilor să schimbe dimensiunea textului pe site-ul dvs. web este prin utilizarea unui plugin WordPress pentru redimensionarea fonturilor de accesibilitate, cum ar fi Accessibility Widget.

Este un plugin WordPress gratuit care vă permite să adăugați o opțiune în bara laterală a site-ului dvs. pentru a schimba dimensiunea textului. Pluginul este ușor și foarte ușor de utilizat.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Accessibility Widget pe site-ul dvs. web. Dacă aveți nevoie de ajutor, vă rugăm să consultați ghidul nostru despre cum să instalați un plugin WordPress.

După activare, accesați pur și simplu **Aspect » Widget** din panoul de administrare WordPress. Apoi, puteți face clic pe butonul „+” și adăuga blocul „Widget de accesibilitate” în bara laterală.

După aceea, puteți introduce un titlu pentru widget, cum ar fi „Schimbă dimensiunea textului” sau „Redimensionează textul”.

Apoi, trebuie să selectați ce elemente HTML sau clase CSS vor fi afectate de widget. Opțiunile implicite sunt body, paragraf, elemente de listă și celule de tabel. Aceste opțiuni ar trebui să funcționeze pentru majoritatea site-urilor web.

Widget-ul permite până la patru opțiuni de redimensionare. Opțiunile implicite sunt 90%, 100%, 110% și 120%. Puteți crește sau scădea dimensiunile fontului introducând cifrele în câmpul „Set to these sizes”.

Ultima setare a widget-ului este textul controlerului, iar acesta este textul pe care utilizatorii îl vor vedea. Puteți păstra procentele implicite pentru dimensiunea textului sau puteți utiliza o literă pentru a afișa diferite dimensiuni de font.

După ce ați terminat, faceți clic pe butonul „Actualizare” pentru a salva setările widget-ului.

Acum poți vizita site-ul tău pentru a vedea widgetul în acțiune. Așa ar trebui să apară widgetul în bara laterală a site-ului tău:

Dacă simțiți că textul controlerului nu este vizibil, îl puteți schimba folosind CSS.

Pentru a face acest lucru, accesați administrarea WordPress și selectați Aspect » Personalizare.

Ar trebui să vedeți acum câteva opțiuni pentru a vă personaliza tema clasică.

Aici, selectați „CSS suplimentar”.

Acum, puteți adăuga cod CSS pentru a stiliza widget-ul.

Iată ce am adăugat:

.widget_accesstxt a {
border: 2px solid #000;
padding: 2px;
font-weight: bold;
}

Acest CSS va adăuga o bordură în jurul textului controlerului, îl va face îngroșat și va adăuga puțin spațiu. Odată ce sunteți mulțumit de aspectul widgetului, faceți clic pe „Publică”.

Pentru mai multe detalii, consultați ghidul nostru despre cum să adăugați CSS personalizat în WordPress.

Metoda 2: Utilizați pluginul WordPress Accessibility

Un alt mod ușor de a permite utilizatorilor să redimensioneze textul de pe site-ul dvs. este prin utilizarea WP Accessibility. Acest plugin vă permite să adăugați o bară de instrumente pe site-ul dvs. pentru a schimba dimensiunea textului, indiferent de tema pe care o utilizați.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul WP Accessibility pe site-ul dvs. Puteți consulta ghidul nostru despre cum să instalați un plugin WordPress dacă aveți nevoie de ajutor.

După activare, accesați pur și simplu pagina WP Accessibility din panoul de administrare WordPress.

În secțiunea „Bara de instrumente de accesibilitate”, faceți clic pe opțiunea „Activare bară de instrumente de accesibilitate” și selectați „Dimensiunea fontului”. Acest lucru va adăuga un redimensionator de fonturi la bara de instrumente.

Dacă este necesar, poți activa și opțiunile Contrast și Grayscale.

În plus, puteți schimba dimensiunea fontului conținutului atunci când bara de instrumente este apăsată. De asemenea, puteți selecta pur și simplu „Dimensiune implicită” din meniul derulant dacă nu sunteți sigur ce să alegeți.

În afară de aceasta, recomandăm activarea opțiunii „Use alternate font resizing stylesheet”. Când această opțiune este activată, utilizatorii pot comuta cu ușurință între dimensiunile implicite ale fontului și o versiune mai mare și mai lizibilă a textului.

Nu ezitați să activați alte setări în plugin.

Odată terminat, faceți clic pe butonul „Actualizați setările barei de instrumente”.

Asta e tot!

Iată cum arată bara noastră de redimensionare a fonturilor pe partea frontală:

Pentru mai multe informații, puteți citi ghidul nostru despre cum să îmbunătățiți accesibilitatea site-ului dvs. WordPress.

Faceți site-ul dvs. WordPress și mai ușor de utilizat cu aceste sfaturi

Doriți să faceți site-ul dvs. mai ușor de utilizat și să arate grozav? Consultați aceste ghiduri utile:

• Cum să adăugați navigarea prin tastatură cu tastele săgeți în WordPress – Facilitați deplasarea utilizatorilor pe site-ul dvs.
• Cum să personalizați culorile pe site-ul dvs. WordPress – Alegeți culorile potrivite pentru ca site-ul dvs. să arate bine și să fie ușor de citit.
• Cum să adăugați o animație de preîncărcare la WordPress (pas cu pas) – Adăugați un ecran de încărcare cool pe site-ul dvs.
• Cum să adăugați cu ușurință modul întunecat pe site-ul dvs. WordPress – Permiteți utilizatorilor să comute la o temă mai închisă dacă preferă.
• Modalități de a crea un site WordPress optimizat pentru mobil – Asigurați-vă că site-ul dvs. funcționează bine pe telefoane și tablete.
• Cum să obțineți feedback despre designul site-ului web în WordPress (Pas cu Pas) – Aflați cum să întrebați oamenii ce părere au despre designul site-ului dvs.
• Cum să evidențiați textul în WordPress (Ghid pentru începători) – Aflați cum să faceți cuvintele importante să iasă în evidență pe paginile dvs.

Tutorial video

Sperăm că acest articol v-a ajutat să adăugați text redimensionabil pe site-ul dvs. WordPress. De asemenea, ați putea dori să consultați selecția noastră de experți a celor mai bune constructoare de pagini drag-and-drop pentru WordPress și ghidul nostru complet despre actualizările temelor 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.