Come utilizzare l'elemento Accordion in un blocco di un sito

Aggiungi la Fisarmonica per presentare i dati a schede sotto forma di pannelli che si espandono e si comprimono. Puoi vedere solo un pannello della Fisarmonica aperto e puoi espandere solo un pannello alla volta.
Elemento a fisarmonica

Sfoglia per categorie di funzionalità

Disegni di blocchi di fisarmonica

Per iniziare con l'elemento Fisarmonica, puoi aggiungere uno dei blocchi di progettazione del mago designer. Fai clic sull'icona Aggiungi in Accesso rapido, quindi scorri verso il basso fino alla sezione Fisarmonica e FAQ, fai clic sulla fisarmonica e scegli il design che preferisci. È più conveniente, poiché hai del contenuto pre-modificato, a differenza dell'elemento Accordion vuoto aggiunto per impostazione predefinita.

Schede di gestione della fisarmonica

Puoi facilmente aggiungere e spostare le schede Fisarmonica in diversi modi. Fai clic sul segno più nella barra laterale per aggiungere una nuova scheda. È possibile fare clic sull'opzione sposta su e giù nel menu di scelta rapida del mouse o fare clic sulle icone delle frecce corrispondenti nella barra degli strumenti contestuale. Inoltre, puoi premere la combinazione di tasti di scelta rapida CTRL più Freccia su e Freccia giù.

Fisarmonica Aggiungi elementi

Le schede della fisarmonica possono contenere diversi insiemi di elementi del sito Web. Puoi aggiungerne uno qualsiasi a qualsiasi scheda. Apri la scheda. Fare clic sull'icona Aggiungi in Accesso rapido per aprire il pannello Aggiungi e scegliere qualsiasi elemento. È possibile spostare, allineare ed eliminare l'elemento aggiunto.

Stile della linguetta della fisarmonica

La fisarmonica è popolare nei moderni web design. Pertanto, puoi stilizzarlo per adattarlo al tuo layout. Fare clic sull'elemento Accordion in un blocco, andare al pannello delle proprietà e fare clic sui collegamenti per accedere ai pannelli per regolare le proprietà corrispondenti.

Personalizza l'icona della scheda della fisarmonica

È possibile abilitare e scegliere un preset per l'icona della scheda Fisarmonica. Inoltre, puoi cambiarne le dimensioni, in modo simile a tutte le altre icone. Seleziona l'elemento Fisarmonica, vai al pannello delle proprietà e fai clic sul collegamento Icona. Nel pannello, modifica lo stile, il colore, la dimensione, ecc.

Colori della linguetta della fisarmonica

Il colore è uno dei fattori più importanti nel web design. Ed è anche cruciale per le schede della fisarmonica. Scegli l'elemento, vai al pannello delle proprietà e fai clic sul collegamento Colori. È possibile aggiungere il riempimento, il bordo e il raggio alle schede e agli elementi della fisarmonica.

Modelli gratuiti con Elemento a fisarmonica

Inizia con i nostri migliori modelli, ideali per qualsiasi attività commerciale. Creali e personalizzali con il nostro generatore di siti Web potente e gratuito senza codice. Tutti i modelli sono ottimizzati per i dispositivi mobili e hanno un aspetto eccellente su qualsiasi dispositivo.

How To Use Accordion Element

A great way to save space on your webpage is to use an accordion content element that can compress your information into convenient blocks, which your site visitors can access in one click. Like the best WordPress plugins, our accordion or accordion faq plugin is ready for use in any version of our program and will be properly reflected on all mobile devices. Using our page builder, you can create an accordion module or accordion faq, similar to WordPress plugin, that should make your web page's user interface design laconic and enjoyable to use.

After you enter your dashboard, click on the element tab and select Accordion and FAQ, then choose what you would like to create, an accordion section for your page or an accordion FAQ section. Your visitors will be able to look through only one accordion item, so keep it in mind when designing the user interface for your visitors. Similar to multipurpose WordPress elements, you can customize our accordion and change color, text style, or spacing and change the shape of a down arrow button to maximize the future user experience.

Customization of the accordion content greatly improves the user experience of your site visitors and boosts your website in the search engine. Like the best WordPress website elements, our accordion widgets are easy to use and effective even as a part of an application for Joomla or WordPress site builders.