Știm deja că WordPress este considerat unul dintre cele mai populare CMS din lume și dacă completați această popularitate cu funcționalitatea jQuery. atunci puteți obține o combinație, puteți crea minuni adevărate. Acest ghid practic va discuta despre modul în care să aplice beneficiile jQuery în WordPress, creând o aplicatie front-end pentru a modifica dimensiunea textului terenului în posturile. Această publicație este pentru începători care stăpânează numai proprietățile magice ale jQuery sub WordPress.
Ce, de fapt, vom face
Așa cum am spus, sarcina noastră este să scriem o soluție front-end pentru a schimba dimensiunile de fonturi în posturi pentru confortul cititorilor. Imaginați-vă că citiți o postare într-un blog pe care nu păreați a fi foarte convenabil pentru a citi un text mare din cauza unui font prea mic. Iar aici este nevoie să creșteți sau să micșorați în mod convenabil fontul, astfel încât structura postului însăși să fie păstrată. Creșterea / scăderea dimensiunii fontului este determinată de setul de factori și instrumente care pot fi utilizați în acest scop:
În acest tutorial vom crea două linkuri pentru a controla dimensiunile textului în posturile: A + și A-. Acestea vor mări sau micșora dimensiunea textului în postări, în funcție de nevoile utilizatorului.
Pasul 1. Decideți ce parte să schimbați dimensiunea
Acesta este unul dintre pașii importanți în dezvoltarea soluției noastre. În acest moment, trebuie să decideți ce anume veți asocia cu procedura de redimensionare a textului în postări. Desigur, puteți conecta modificarea dimensiunii textului la pagina principală implicită, dar este mai rezonabil să o legați de pagina single.php. care vă va permite să ajustați mărimea textului pentru fiecare post individual.
Pentru ca elementul nostru să fie redimensionat, trebuie să procesăm codul folosind clasa div. În exemplul nostru de dezvoltare, folosim tema Twenty Twelve. și așa arată fișierul single.php după ce adăugați codul care este evidențiat mai jos, pentru a îl introduce corect în postul din clasa "redimensionare":
Pentru orice element din WordPress, pentru care doriți să redimensionați textul, introduceți pur și simplu clasele corespunzătoare div. care va fi folosit pentru a rula jQuery.
Pasul 2. Adăugați linkuri pentru a modifica dimensiunea textului
Următorul pas este să adăugați două link-uri pe pagină care vor funcționa ca două butoane pentru redimensionarea textului. Aceste link-uri pot fi plasate oriunde pe pagină, dar evitați plasarea acestor link-uri într-o buclă. Am pus aceste link-uri într-un singur fișier single.php și le-am conectat la două ID-uri unice.
Pasul 3. O mică jQuery-magie
Dacă doriți să aflați mai multe despre jQuery. citiți posturile seriei Aflați jQuery în 30 de zile de la Jeffrey Way.
Pasul 4: Conectați scriptul la WordPress
Sursa: WP.tutsplus.com
Mulțumesc, totul funcționează bine. Întrebarea - și ce trebuie să se schimbe în codul JS pentru a link, nu a schimbat dimensiunea fontului și înălțimea liniei (line-height), cum ar fi încercarea de a pune o valoare „linie de înălțime“ în loc de „font-size“, dar nu funcționează)))?
Și cum să faci să-ți amintești creșterea aleasă, nu-mi spune?
Vorbitorul anterior este o funcție perfect normală, iar joomla nu are de a face cu ea. Este necesar, de exemplu, pentru persoanele cu deficiențe de vedere.