È necessario creare una galleria di immagini a schede in Elementor ?
Come diciamo costantemente, Elementor è più di un semplice plug-in per la creazione di pagine. È un plugin versatile che può sostituire più tipi di plugin di WordPress nello stesso tempo. Uno dei plugin con cui è possibile sostituire Elementor è il plugin per la galleria di immagini.
Con Elementor, non è necessario installare alcun plug-in aggiuntivo per creare una galleria di immagini sul tuo sito WordPress. Ci sono due widget offerti da Elementor per creare una galleria di immagini: Galleria di base e Galleria.
Il widget Galleria di base, disponibile su Elementor Free, ti consente di creare una galleria di immagini di base mentre il widget Galleria ti consente di creare una galleria di immagini più avanzata, inclusa una galleria di immagini a schede.
Questo è fantastico se vuoi creare una galleria su un sito web di fotografia. In questo articolo, ti mostreremo come creare una galleria di immagini a schede in Elementor.
Come creare una galleria di immagini a schede in Elementor
Il widget Galleria è disponibile sulla versione pro di Elementor. Quindi assicurati di aver aggiornato il tuo Elementor alla versione pro se non l'hai fatto. Ci sono molti vantaggi che otterrai utilizzando Elementor Pro, inclusa la possibilità di creare a tema WordPress senza codifica.
Leggi anche: Come creare una galleria di immagini a schede in Elementor
In questo esempio, creeremo una galleria fotografica di paesaggi. Le foto sono divise in tre tipologie: montagna, mare e cascata. Creeremo tre schede per ospitare ogni tipo di paesaggio più una scheda per visualizzare tutte le foto.
Per iniziare, crea una nuova pagina e modificala con Elementor. Puoi anche modificare una pagina esistente. Aggiungi una sezione e trascina al suo interno il widget Galleria.
Sotto il blocco Impostazioni profilo sotto la scheda Soddisfare, imposta l'opzione Tipologia su multiplo.
Per impostazione predefinita, la tua galleria contiene solo una scheda. Per aggiungere una nuova scheda, basta fare clic sul pulsante AGGIUNGI UN ELEMENTO.
Vedi anche: Come creare una barra di avanzamento del gradiente in Elementor
Apri uno degli elementi (schede). Definisci l'etichetta della scheda nel campo Titolo. Fare clic sul pulsante più per selezionare le immagini che si desidera aggiungere alla scheda.
Seleziona le immagini dalla tua libreria multimediale di WordPress. Se non ne hai uno, scaricali. Fare clic sul pulsante Crea una nuova galleria -> Inserisci galleria per aggiungere la galleria alla scheda.
Apri gli altri elementi (schede) e ripeti i passaggi precedenti per impostare l'etichetta della scheda e aggiungere le immagini.
Personalizza la galleria
Dopo aver aggiunto le immagini a ciascuna scheda, puoi personalizzare la tua galleria. Nel blocco Impostazioni, puoi impostare il layout, l'altezza della riga, lo spazio tra le immagini e la dimensione dell'immagine. C'è anche un'opzione per attivare la funzione Lazy Load.
Apri il blocco Barra del filtro per definire l'etichetta della scheda principale (la scheda "Tutto"), il puntatore e l'animazione.
Apri il blocco Copertura per attivare la sovrapposizione. È possibile visualizzare il titolo e la descrizione dell'immagine quando si passa sopra un'immagine impostando il pulsante titolo con descrizione.
Se vuoi visualizzare il titolo e la descrizione al passaggio del mouse, devi modificare la singola immagine nella galleria e aggiungere il parametro che hai definito (testo alternativo, titolo, didascalia o descrizione).
Apri la scheda Style per personalizzare la tua galleria. Ci sono 4 blocchi che puoi aprire: Immagine, Sovrapposizione, Contenuto e Barra dei filtri.
Immagine
Questo blocco consente di impostare il colore del bordo dell'immagine, il colore del bordo del puntamento, la larghezza del bordo, il raggio del bordo, il filtro CSS e l'animazione del puntamento.
Copertura
Questo blocco consente di impostare il colore della sovrapposizione, il colore della sovrapposizione al passaggio del mouse, la modalità di fusione e l'animazione al passaggio del mouse.
Contenuti
Questo blocco consente di personalizzare il contenuto dell'immagine. Il contenuto si riferisce al titolo e alla descrizione dell'immagine. È possibile impostare l'allineamento, la posizione verticale, il riempimento, il colore del testo e la tipografia (stile del carattere, famiglia e dimensione del carattere).
Barra del filtro
Questo blocco consente di personalizzare il filtro. È possibile impostare l'allineamento, il colore normale, il colore di puntamento, il colore attivo, il colore del testo, lo spazio tra le schede e la tipografia.
Puoi manipolare queste impostazioni finché non sei soddisfatto del risultato. Una volta fatto, clicca sul pulsante PUBBLICARE / AGGIORNARE in basso nel pannello di sinistra per pubblicare o aggiornare la tua pagina.
Ottieni Elementor Pro ora!
Conclusione
Ecco ! Questo è tutto per questo articolo che mostra come creare una galleria di immagini a schede in Elementor. Se hai dubbi su come arrivarci ffacci sapere in 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.
...
