Adăugați acordeon faq la jquery pe site-ul wordpress

În primul rând trebuie să înțelegeți ceea ce se numește un acordeon în mediul web. Acesta este un element al interfeței utilizator (acordeon), care constă în desfășurarea sau plierea filelor sau blocurilor. Poziția blocurilor poate fi controlată de utilizatorul însuși. Fiecare astfel de acordeon conține propriul conținut, care apare când faceți clic pe elementul de meniu corespunzător. Iată un exemplu clasic de acordeon:

Adăugați acordeon faq la jquery pe site-ul wordpress

Aici, când faceți clic pe o întrebare, sunteți transportați pe aceeași pagină printr-un link către locul cu răspunsul (principiul ancorei). Mai jos veți vedea o altă soluție - când faceți clic pe link-ul cu întrebarea, răspunsul este dezvăluit (dezvăluit) de mai jos. Înainte de a adăuga o întrebare despre acordeon pe jQuery la pagină, trebuie să faceți blocul în sine. Cum să implementați această funcție?

Constructorul WordPress conține deja biblioteca jQuery, dar nu are temele jQuery. Prin urmare, trebuie să le descărcăm din CDN (Network Delivery Delivery Network) și să sunăm subiectele scrise. De asemenea, trebuie să creați un cod scurt, apelul căruia vă ajută să afișați întrebări și răspunsuri pe o pagină sub forma unui acordeon. Asta este, practic, creăm propriul plug-in pentru pagina noastră de întrebări frecvente.

Acum, mai multe despre asta. În computer, creați un dosar acordeon, puteți să vă aflați direct pe desktop utilizând Notepad-ul obișnuit. Apoi, creați fișierul accordion.php și inserați în el următorul cod:

'), $ Post-> post_title, wpautop ($ post-> post_content))> $ faq. ='

Nu uitați să o salvați. Acum creați un fișier nou (în același Notepad) și numiți-l acordeon.js. În acest fișier introducem codul și salvăm:

Adăugați acordeon faq la jquery pe site-ul wordpress

Acum plugin-ul poate fi încărcat pe site. Puteți face acest lucru în orice mod - utilizând FTP sau manager de fișiere. Rezultatul ar trebui să fie încărcarea dosarului acordeon cu fișierele accordion.js și accordion.php în folderul wp-contnt / plugins al site-ului pe WordPress. În panoul de administrare, accesați fila "Plugin" și activați noul plug-in.

Adăugați acordeon faq la jquery pe site-ul wordpress

Pentru a seta stiluri, FAQ-ul dvs. utilizează temele UI ale jQuery de la Google. Acestea sunt foi de stil obișnuite și pot fi descărcate aici și instalate pe site-ul din secțiunea jQuery UI Themes cu câteva subiecte deja pregătite. Pluginul nostru folosește tema Humanity (acest lucru poate fi văzut din cod). Acest subiect poate fi înlocuit cu orice altă temă, de exemplu, Smoothness, Cupertino etc. Puteți schimba pur și simplu temele finalizate din Themeroller.

Adăugați acordeon faq la jquery pe site-ul wordpress

Instalarea și funcționarea WP DS FAQ Plus plug-in

În plus față de această modalitate neobișnuită, dar eficientă și interesantă de a organiza întrebările frecvente pe site-ul dvs., există un mod mai tradițional - trebuie să instalați plug-in-ul WP DS FAQ Plus. Este foarte ușor de configurat și de utilizat. Rezultatul este același. Prin urmare, dacă nu doriți să vă deranjezi cu introducerea de coduri sau doar puțin familiarizat cu acest subiect, utilizați plug-in-ul WP DS FAQ Plus.

Se instalează pur și simplu și în mod tradițional - mergeți la "Plugin-uri", "Adăugați unul nou" și în câmpul "Căutare" introduceți numele plug-in-ului - WP DS FAQ Plus. Acum trebuie doar să instalați plugin-ul și să-l activați. Pagina de setări arată astfel:

Adăugați acordeon faq la jquery pe site-ul wordpress

Aici, aproape totul a fost tradus în limba rusă și cred că nu va exista probleme. Creați o grămadă de întrebări și răspunsuri (sau scrieți întrebările pe care cititorii le solicită blogului / site-ului dvs.), apoi creați o pagină nouă și denumiți-o în consecință. Doar adăugați codul scurt terminat la pagină, pe care vi se va da un plug-in pe pagina de creare a unei noi întrebări frecvente (FAQ) în formularul [dsfaq id = 1]. Apropo, poate cineva nu știe: abrevierea întrebării frecvente este descifrată, deoarece sunt solicitate întrebări frecvente.

Adăugați acordeon faq la jquery pe site-ul wordpress

În setările pe care le puteți schimba ușor aspectul, face întrebări și răspunsuri restrânse sau pagini extinse, etc. Singurul dezavantaj al acestui FAQ, construit pe plugin-ul WP DS FAQ Plus - după un timp începe să regretăm că 100-150 întrebările cu răspunsuri detaliate sunt indexate de motoarele de căutare, ca o singură pagină. Da, din păcate, este. Dar, în orice caz, este nevoie de o astfel de pagină, în special pe portaluri tematice.

Articole similare