Accordion Widget

Accordion Widget

Accordion Widget este folosit pentru a afișa textul într-o manieră restrânsă, condensată, permițându-vă să economisiți spațiu în timp ce prezentați o mulțime de conținut.

Cu acordeonul, vizitatorii pot scana titlurile articolelor și pot alege să extindă un articol numai dacă este de interes.

Un Widget similar este Toggle Widget, dar există două diferențe principale între Accordion Widget și Toggle Widget.

1. Când o pagină este încărcată, primul element al Accordion Widget este extins, în timp ce toate celelalte elemente rămân restrânse. Cu Widgetul Toggle, toate elementele sunt restrânse atunci când o pagină este prima dată încărcată.
2. Doar un articol dintr-un acordeon poate fi extins la un moment dat. Pe măsură ce extindeți un alt element acordeon, elementul deschis anterior se restrânge automat, arătând similar cu un acordeon. Cu Widgetul Toggle, câte articole se dorește pot fi extinse în același timp.

Conţinut

Acordeon

1. Elemente Acordeon Titlu și Conținut: Introduceți titlul și descrierea pentru fiecare articol.
2. Adăugați articol: Folosiți butonul „Adăugați articol” pentru a adăuga mai multe articole acordeon în listă.
3. Pictogramă: Selectați pictograma pentru a reprezenta acțiunea de extindere a unui articol. Alegeți Nimic, Încărcați SVG sau selectați o pictogramă din Biblioteca de pictograme. Dacă este aleasă din Biblioteca de pictograme, în Bibliotecă este afișată o filă Recomandată care arată pictogramele recomandate pentru a reprezenta conceptul în extindere.
4. Pictogramă activă: Selectați pictograma pentru a reprezenta acțiunea de restrângere a elementului activ. Alegeți Nimic, Încărcați SVG sau selectați o pictogramă din Biblioteca de pictograme. Dacă este aleasă Bibliotecă de pictograme, în Bibliotecă este afișată o filă Recomandată care arată pictogramele recomandate pentru a reprezenta conceptul de colaps.
5. Etichetă HTML pentru titlu: Setați eticheta HTML utilizată pentru titlu la H1-H6 sau DIV.
6. Întrebări Frecvente Schema: Utilizați comutatorul pentru a activa sau dezactiva opțiunea de utilizare a schemei.

Stil

Acordeon

1. Lățimea chenarului: Setați grosimea chenarului în jurul acordeonului și între fiecare element.
2. Culoarea chenarului: Alegeți culoarea chenarului din jurul acordeonului și între fiecare articol.

Titlu

1. Fundal: Alegeți culoarea fundalului titlului.
2. Culoare: Alegeți culoarea textului titlurilor inactive.
3. Culoare activă: Alegeți culoarea textului titlului activ.
4. Tipografie: Setați opțiunile de tipografie pentru titluri.
5. Padding: Setați padding-ul pentru titluri.

Pictogramă

1. Aliniere: Aliniați pictograma la stânga sau la dreapta titlului.
2. Culoare: Alegeți culoarea pictogramelor.
3. Culoare activă: Alegeți culoarea pictogramei active.
4. Spațiere: Controlați distanța dintre pictogramă și titlu.

Conţinut

1. Fundal: Alegeți culoarea de fundal a conținutului.
2. Culoare: Alegeți culoarea textului conținutului.
3. Tipografie: Setați opțiunile de tipografie pentru conținut.
4. Padding: Setați padding-ul pentru conținut.

Avansat

Setați Opțiunile avansate care sunt aplicabile pentru Accordion Widget.

Documentație adițională

• Social Icons Widget
• Testimonial Widget
• Image Carousel Widget