Cum se adaugă textul care poate fi redimensionat pentru vizitatorii site-ului în WordPress

Ați văzut butoanele de redimensionare a fonturilor pe unele site-uri populare? Scopul acestor butoane este de a oferi o modalitate mai ușoară pentru vizitatorii cu viziune redusă de a ajusta dimensiunea fontului fără a sparge aspectul unui site web. Chiar dacă aveți posibilitatea să utilizați funcția încorporată de zoom a browserului, apăsând tastele CTRL și +, crește mărimea fiecărui element de pe pagină, nu doar textul. În acest articol, vă vom arăta cum să adăugați un text redimensionabil pentru vizitatorii site-ului în WordPress.

Tutorial video

Dacă nu vă place videoclipul sau aveți nevoie de mai multe instrucțiuni, continuați să citiți.

Primul lucru pe care trebuie să-l faceți este să instalați și să activați pluginul Widget de accesibilitate pe site-ul dvs. Web. La activare, pur și simplu mergeți la Aspect »Widget și trageți / plasați Widgetul de accesibilitate într-o bară laterală.

Puteți introduce un titlu pentru widget. Apoi trebuie să selectați elementele HTML sau clasele CSS care vor fi afectate de widget. Opțiunile implicite sunt corpul, paragraful, elementele listă și celulele 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 mări sau micșora dimensiunile fontului aici. Ultima setare widget este textul controlerului. Acesta este textul pe care îl vor vedea utilizatorii. De obicei, litera A este folosită pentru a reprezenta opțiunea de redimensionare a fontului. După ce ați terminat, faceți clic pe butonul Salvați pentru a stoca setările widgetului.

Acum puteți vizita site-ul dvs. web pentru a vedea widget-ul în acțiune. Acesta este modul în care widgetul ar trebui să apară pe site-ul dvs. acum:

Dacă simțiți că textul controlerului nu este vizibil, atunci îl puteți modifica utilizând CSS. De exemplu, adăugați acest cod CSS în foaia de stil a temei:

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

Acest CSS va adăuga o margine în jurul textului controlerului, îl va face cu caractere aldine și va adăuga puțină umplutură.

Sperăm că acest articol v-a ajutat să adăugați opțiunea de redimensionare a textului în site-ul dvs. WordPress. De asemenea, puteți să consultați ghidul nostru privind îmbunătățirea accesibilității pe site-ul dvs. WordPress.

Dacă v-ați plăcut acest articol, vă rugăm să vă abonați la tutorialele video YouTube pentru canalul YouTube pentru WordPress. Ne puteți găsi pe Twitter și pe Google+.