Come usare i componenti Galleria e immagine slider in Website Builder
Vuoi mostrare diverse immagini sul tuo sito web? Con i componenti Galleria e immagine slider di Website Builder, puoi inserire diverse immagini in una griglia o organizzarle in una presentazione. Questa guida ti spiegherà come aggiungere i componenti alla tua pagina e regolarli come preferisci.
- Inserisci un componente sul tuo sito
- Cambia le immagini e aggiungine di nuove
- Impostazioni dei componenti Galleria e immagine slider
Inserisci un componente sul tuo sito
- Apri Website Builder dal pannello di controllo di one.com.
- Vai su Galleria nel menu a sinistra e seleziona una variante della galleria.
- Trascina il componente che vuoi nell'area di lavoro e rilascialo dove desideri posizionare la tua galleria o immagine slider.
- Seleziona le immagini che vuoi inserire oppure caricale dal tuo computer o da un URL esterno. Clicca su Aggiungi alla pagina in fondo alla finestra pop-up.
- Adatta le dimensioni e la posizione del componente a tuo piacimento.
- Clicca su Impostazioni Galleria/Immagine slider in alto sul componente per regolare le impostazioni della tua galleria.
- Fai clic su Salva e Pubblica per rendere le immagini visibili sul tuo sito.
Cambia le immagini e aggiungine di nuove
Quando fai clic sul componente inserito, appariranno due schede: Impostazioni Galleria/Immagine slider e Modifica immagini.
Fai clic sulla scheda "Modifica immagini" per modificare le immagini della tua galleria. Puoi rimuovere un'immagine cliccando sull'icona del cestino nell'angolo, oppure modificarla cliccando sull'icona della matita. Puoi anche aggiungere nuove immagini alla galleria cliccando su "Aggiungi immagini" nell'angolo in alto a destra.
Nota: Il titolo dell'immagine funge anche da testo alternativo in questi componenti. Se vuoi aggiungere un testo alternativo, puoi farlo sotto Titolo (alt) sulla destra, nella panoramica Ordina & modifica immagini.
Impostazioni dei componenti galleria e slider immagine
Cliccando sulla scheda Impostazioni del componente, appariranno due menu. Qui è possibile modificare le seguenti opzioni:
Componente Galleria:
1 - Menu in alto/in basso
- Colonne - Regola il numero di colonne.
- Spaziatura - Regola lo spazio bianco tra le immagini.
- Ritaglia - Spunta questa casella se vuoi che le immagini vengano ritagliate, in modo che abbiano tutte le stesse dimensioni nella galleria.
- Visualizzazione compatta - Spunta questa casella se desideri che le immagini siano più vicine tra loro all'interno dei margini blu.
- Larghezza intera - Spunta questa casella se vuoi che la galleria si estenda per l'intera larghezza della pagina.
2 - Menu flottante
- Al clic: seleziona cosa deve accadere quando un utente clicca sull'immagine. Scegli "niente", "mostra un'immagine più grande" o "apri un link".
- Didascalie: seleziona se desideri aggiungere didascalie alle immagini nella galleria. Fai clic su "Gestisci didascalie" per inserire testo e testo alternativo. Scegli se la didascalia deve essere contornata a sinistra, a destra o centrata. Puoi anche scegliere lo stile della didascalia: le opzioni disponibili sono classico, modello e personalizzato.
- Stile immagine - Qui puoi cambiare il rapporto della tua immagine, ad esempio in orizzontale o verticale. Puoi anche aggiungere bordi e angoli arrotondati.
- Larghezza intera : qui puoi regolare l'intera larghezza della galleria in modo che sia al di fuori dei margini blu (larghezza intera) o al loro interno (impostazione predefinita).
Componente immagine slider:
1 - Menu in alto/in basso
- Colonne - Regola il numero di colonne (1-5) nel slider. Nello screenshot, abbiamo selezionato tre colonne.
- Transizione : scegli tra un effetto slide-in o fade-in per la transizione tra le immagini.
- Ritaglia - Puoi scegliere di ritagliare ciascuna delle tue immagini in modo che abbiano la stessa dimensione nello slider. Il ritaglio sarà sempre attivo se hai più immagini (colonne) per diapositiva.
- Velocità : scegli la velocità di transizione dell'immagine. Il minimo è 1 secondo e il massimo è 15.
- Larghezza intera : scegli se visualizzare le immagini a larghezza intera. Questa funzione è disponibile solo se hai una sola colonna di immagini per diapositiva.
2 - Menu flottante
- Navigazione : scegli se le immagini devono spostarsi automaticamente e regola o nascondi le frecce di navigazione e l'indicatore.
- Al clic : seleziona cosa deve accadere quando un cliente clicca su un'immagine. Scegli "niente", "mostra un'immagine più grande" o "apri un link".
- Didascalie - Spunta questa casella se vuoi visualizzare le didascalie insieme alle immagini. Otterrai anche maggiori opzioni di personalizzazione: potrai aggiungere le didascalie e scegliere allineamento e posizionamento.
- Larghezza intera - Se hai una sola colonna, puoi regolare la larghezza dello slider affinché sia al di fuori dei margini blu (larghezza intera) o al loro interno (impostazione predefinita).
Articoli correlati: