Vuoi aggiungere una fisarmonica di immagini a una pagina Elementor ?

Questo è fantastico perché la fisarmonica dell'immagine ti consente di visualizzare le immagini in modo più creativo. Purtroppo, Elementor non ha un widget predefinito che consente di aggiungere un elemento a fisarmonica di immagini a una pagina oa un modello.

Se vuoi davvero aggiungere una fisarmonica di immagini, puoi installare un componente aggiuntivo o un componente aggiuntivo fornito con un widget di fisarmonica di immagini. Uno dei componenti aggiuntivi che puoi installare è JetTabs.

JetTabs è un componente aggiuntivo Elementor Membro della famiglia JetPlugins, una serie di componenti aggiuntivi di Elementor sviluppati da Crocoblock. JetTabs viene fornito con quattro widget: Swicther, Tabs, Image Accordion e Classic Accordion.

Come aggiungere la fisarmonica dell'immagine in Elementor con JetTabs

Prima di iniziare, assicurati di aver installato e attivato il componente aggiuntivo JetTabs. Puoi ottenere questo componente aggiuntivo per soli $ 23 all'anno. In alternativa, puoi anche ottenere JetTab con un'opzione di acquisto una tantum tramite il pacchetto di temi Jupiter X o Monstroid2.

Leggi anche: Come creare un menu di navigazione di una pagina in Elementor

Una volta che sei pronto, crea una nuova pagina (Pagine -> Aggiungi nuovo) o un nuovo post (Post-> Aggiungi) e modificalo con Elementor. Naturalmente, puoi anche modificare una pagina o un post esistente.

Nell'editor Elementor, trascina il widget Image Accordion dal pannello widget all'area di modifica.

aggiungi una fisarmonica di immagini a una pagina Elementor

Una volta aggiunto il widget Image Accordion, vai al pannello di sinistra per personalizzarlo. Per impostazione predefinita, la fisarmonica è composta da tre elementi. Per aggiungere un'immagine a ciascun elemento, apri semplicemente un elemento sotto il blocco Elementi e fai clic sul selettore di immagini. Puoi anche impostare il titolo, la descrizione e il collegamento del pulsante dell'elemento.

aggiungi una fisarmonica di immagini a una pagina Elementor

Ripetere i passaggi precedenti per gli altri elementi. Per aggiungere un nuovo elemento alla fisarmonica basta cliccare sul pulsante Aggiungi un oggetto.

aggiungi una fisarmonica di immagini a una pagina Elementor

Apri il blocco Impostazioni profilo sotto la scheda Contenuto per impostare l'orientamento (verticale o orizzontale), la dimensione dell'elemento attivo, la durata dell'animazione e lo stile dell'effetto di andamento.

Stilizzazione della fisarmonica

Per modellare la tua fisarmonica, puoi accedere alla scheda Style nel pannello di sinistra. Ci sono 7 blocchi che puoi aprire per modellare la fisarmonica. Nel primo blocco (blocco Contenitore) puoi impostare l'altezza della fisarmonica, il colore di sfondo, il raggio del bordo e l'ombra esterna.

aggiungi una fisarmonica di immagini a una pagina Elementor

Nel blocco degli elementi è possibile impostare lo spazio tra gli elementi, il colore di sfondo dell'elemento, il raggio del bordo dell'elemento e l'ombreggiatura della casella dell'elemento.

aggiungi una fisarmonica di immagini a una pagina Elementor

Puoi giocare con gli altri 5 blocchi per creare altre opzioni di stile. Quando hai finito, fai clic sul pulsante Pubblicare/aggiorna la tua pagina.

Ecco.

Ottieni subito Elementor Pro!!!

Conclusione

Ecco ! Questo è tutto per questo articolo che ti mostra come aggiungi una fisarmonica di immagini a una pagina Elementor. Se hai dubbi su come arrivarci, faccelo sapere all'interno commentaires.

Tuttavia, puoi anche consultare le nostre risorse, se hai bisogno di più elementi per realizzare i tuoi progetti di creazione di siti Internet, consultando la nostra guida su Creazione di blog WordPress o quello acceso Divi: il miglior tema WordPress di tutti i tempi.

Ma nel frattempo, condividi questo articolo sui tuoi diversi social network.

...