Cum să adăugați un acordeon în WordPress (ghid pas cu pas)

Proiectați o pagină de destinație, o pagină de produs sau o pagină de întrebări frecvente pe site-ul dvs. WordPress? Atunci ar trebui să utilizați acordeoane în designul paginii dvs.

Acordeoanele ajută la utilizarea site-urilor web mai ușor de explorat și îmbunătățește experiența utilizatorului. De asemenea, ajută la reducerea aglomerației și la scurtarea paginilor web foarte lungi.

În acest ghid pas cu pas, vă arătăm cum să creați o secțiune de acordeon pe site-ul dvs. web fără a fi nevoie să scrieți o singură linie de cod.

Un lucru grozav despre utilizarea WordPress este că puteți adăuga funcții uimitoare, cum ar fi acordeoanele, pe site-ul dvs. folosind un plugin simplu. În acest ghid, folosim întrebări frecvente eroice pentru a crea o secțiune de acordeon cu doar câteva clicuri.

Vă vom ghida prin proces, pas cu pas. Să începem!

Creați secțiuni cu întrebări frecvente - calea ușoară!

Creați un Întrebări frecvente și ajutați să răspundeți la întrebările frecvente ale vizitatorilor.

Obțineți pluginul

Ce este un acordeon?

Acordeoanele sunt o strategie de design foarte utilă folosită în design web pentru a organiza mai multe secțiuni de conținut într-un singur loc. Mai simplu spus, acordeoanele vă permit să creați o secțiune cu file pliabile pe designul paginii pentru a împacheta o mulțime de conținut într-o singură secțiune.

De exemplu, dacă creați o secțiune de întrebări frecvente (FAQs), puteți folosi un acordeon pentru a organiza corect întrebările și răspunsurile. Astfel, puteți afișa doar întrebările și ascunde răspunsurile într-un acordeon pliabil. Vă va permite să economisiți spațiu în designul paginii și să ofere utilizatorilor o modalitate mai ușoară de a explora răspunsurile.

Aruncă o privire la modul în care Tesco folosește acordeoanele pentru a-și organiza pagina de întrebări frecvente.

Pe vremuri, site-urile web foloseau și acordeoane cu file orizontal. Dar acestea sunt rareori folosite în designul site-urilor web astăzi.

Diferența dintre Acordeon și Toggle

Majoritatea oamenilor confundă adesea acordeoanele cu comutatoarele. Chiar dacă arată asemănător, au un comportament diferit.

De exemplu, când un utilizator face clic pe un titlu de pe un acordeon, acesta vede conținutul din fila sa. Dar când fac clic pe un alt titlu, fila anterioară se închide pentru a vizualiza fila nouă.

Cu comutatoarele, puteți modifica acest comportament pentru ca filele să rămână deschise. Și permiteți utilizatorilor să închidă manual filele.

Pe scurt, acordeoanele păstrează o singură filă deschisă la un moment dat. Comutatoarele pot fi ajustate pentru a vizualiza mai multe file deschise simultan.

Nu trebuie să vă faceți griji cu privire la aceste două opțiuni, deoarece pluginul pe care îl folosim pentru a configura acordeoanele în WordPress acceptă ambele opțiuni.

De ce să folosiți un acordeon?

Există multe beneficii în folosirea acordeonurilor. Iată doar câteva motive pentru a le folosi pe site-ul tău web.

Economisiți mult spațiu

Ați vizitat vreodată o pagină web lungă care vă obligă să continuați să derulați în jos pentru totdeauna pentru a găsi conținutul pe care îl căutați? Din fericire, acordeoanele rezolvă această problemă.

Principalul beneficiu al folosirii acordeonurilor este capacitatea de a economisi spațiu pe site-ul dvs. web. În loc să faci pagini foarte lungi, poți ascunde toate informațiile importante din spatele filelor. Și permiteți utilizatorilor să găsească întrebări și răspunsuri parcurgând titlurile.

O mai bună organizare a conținutului

Acordeoanele vă permit, de asemenea, să organizați conținutul într-o structură ușor de utilizat. Cu acordeoanele, puteți imbrica file pentru a organiza conținutul pe categorii și subiecte. Puteți vedea acest lucru în acțiune pe pagina de întrebări frecvente Tesco pe care v-am arătat-o ​​mai devreme.

Încorporați oriunde

Acordeoanele pot fi încorporate oriunde pe site-ul dvs. web. De exemplu, puteți adăuga secțiuni de acordeon Întrebări frecvente pe pagina de prețuri sau pe pagina de destinație a produsului. Acest lucru vă va permite să răspundeți la întrebări obișnuite despre produsul dvs. fără a ocupa prea mult spațiu.

Reduceți dimensiunea paginii

Dimensiunea paginilor dvs. web joacă un rol cheie în viteza de încărcare a paginii unui site web. După cum știți, viteza de încărcare a paginii este unul dintre principalii factori de clasare utilizați de Google.

Când utilizați acordeoane pe site-urile web WordPress, puteți îmbunătăți drastic viteza de încărcare a paginii site-ului dvs., deoarece acestea pot fi încorporate ca widget.

Cum să adăugați un acordeon cu întrebări frecvente eroice

Pentru acest tutorial, folosim pluginul WordPress Heroic FAQs. Nu doar pentru că este construit de propria noastră echipă de dezvoltatori experimentați. În principal pentru că este un plugin care vine cu o mulțime de funcții. Și oferă o mulțime de valoare decât alte plugin-uri.

Folosind pluginul Heroic FAQs, puteți crea întrebări frecvente unice și secțiuni de cunoștințe și pentru site-ul dvs.

Acum, să trecem la tutorialul practic.

Pasul 1: Descărcați și instalați întrebări frecvente eroice

În primul rând, va trebui să descărcați și să instalați pluginul Heroic FAQs pe site-ul dvs. WordPress. După ce ați achiziționat pluginul, îl veți putea descărca din tabloul de bord al contului Heroic.

Apoi, conectați-vă la tabloul de bord de administrare WordPress. Accesați Pluginuri >> Adăugați o pagină nouă și selectați opțiunea Încărcare . Răsfoiți computerul pentru a găsi fișierul ZIP descărcat care conține pluginul Heroic FAQs și instalați -l.

După finalizarea instalării, asigurați-vă că activați pluginul folosind cheia de licență.

Pasul 2: Creați un grup de întrebări frecvente

Pluginul Heroic FAQs vă va ghida apoi prin procesul inițial de configurare. Pur și simplu urmați instrucțiunile acestuia.

Începeți prin a crea un grup de întrebări frecvente. Aici vor fi grupate și organizate toate întrebările frecvente.

Apoi puteți începe să adăugați întrebări frecvente la acest grup. Acestea pot fi fie întrebări și răspunsuri. Sau detalii despre caracteristicile produsului. Sau orice vrei tu.

Nu uitați, puteți adăuga câte întrebări frecvente doriți.

Pasul 3: Încorporați Acordeonul

Acum puteți încorpora grupul dvs. de întrebări frecvente într-o pagină sau într-o postare. Cu noul editor de blocuri Gutenberg, este mult mai ușor să adăugați acordeoane cu întrebări frecvente eroice.

Creați o pagină nouă sau editați una existentă. Adăugați un bloc nou și căutați blocul de conținut Heroic FAQ .

Din panoul de blocare a întrebări frecvente eroice din partea stângă, puteți selecta grupul de întrebări frecvente pe care doriți să îl afișați pe pagină. De asemenea, schimbați stilul designului acordeonului.

Pasul 4: Comutați între acordeon și comutare

Cu întrebări frecvente eroice, puteți alege între acordeon și opțiuni de comutare cu un singur clic.

Pasul 5: Previzualizează Acordeonul

Previzualizează pagina pentru a vedea cum arată acordeonul. Apoi puteți apăsa Publicare pentru a salva modificările.

In concluzie

Există multe moduri diferite în care puteți folosi acordeoanele pentru a stimula implicarea utilizatorilor și pentru a oferi mai multă valoare clienților. Folosiți ghidul nostru ca o piatră de temelie pentru a găsi propriile abordări unice de a folosi acordeoanele în alte moduri utile.

Între timp, nu ezitați să răsfoiți blogul nostru pentru mai multe sfaturi. Veți găsi destul de utilă comparația software-ului din baza noastră de cunoștințe.