Aggiungere immagini a un modulo di galleria di immagini

L'aggiunta di un modulo galleria di immagini al tuo template mette in mostra le immagini sul tuo sito. Impara come aggiungere diapositive a un modulo Image Slider e personalizza le impostazioni di stile.

• Nel tuo account HubSpot, vai al tuo blog, alle pagine di destinazione o alle pagine del sito web.
• Passa sopra la pagina o il post con il modulo Image Slider che vuoi aggiornare, poi clicca su Edit.
• Clicca direttamente sul modulo image slider nell'editor dei contenuti o clicca sull'icona del modulo nellabarra laterale sinistra e seleziona ilmodulo Image Gallerydall' elenco dei moduli.
• Nel pannello di sinistra, fai clic su + Add per inserire una nuova diapositiva nella tua galleria di immagini.
• 
  • Fai clic suSeleziona immagine per selezionareun'immagine dal tuo computer o dal tuo file manager.
  • Fai clic per attivarel'interruttoreShowcaption per visualizzareuna didascalia sotto questa immagine. Poi, usa il rich text editor per inserire la didascalia.
  • Per collegare l'immagine a una pagina web, aggiungi un LinkURL.
  • Dopo aver fatto le tue selezioni, clicca su Backto Image Gallery.

• Passa sopra una diapositiva e fai clic sull'iconadella matita peraggiungere un'immagine e modificarne la didascalia e l'URL:
  • Fai clic su Replace persostituire un'immagine dal tuo computer o dal tuo filemanager.
  • Fai clic su Remove per rimuovere l'immagine.
  • Fai clic per attivarel'interruttoreShowcaption per visualizzareuna didascalia sotto questa immagine. Quindi, usa il rich text editor per inserire la didascalia.
  • Inserisci qualsiasi testo Alt chevuoi includere.
  • Per collegare l'immagine a una pagina web, aggiungi un LinkURL.
  • Dopo aver fatto le tue selezioni, clicca su Tornaalla galleria immagini.

• Per eliminare una diapositiva dal tuo modulo Galleria immagini, passa il mouse su una diapositiva esistente e clicca sull'icona del cestino pereliminare.
• Per riordinare le diapositive nel tuo modulo galleria immagini, clicca su una diapositiva e trascinala al suo posto.

1. Modalità di visualizzazione: scegli il tipo di cursore che vuoi far apparire nella pagina. Puoi scegliere un cursore standard; un cursore con immagini in miniatura tra le quali i tuoi visitatori possono navigare; o una galleria lightbox, che permette agli utenti di cliccare su una miniatura per aprire una lightbox e navigare tra la versione completa delle tue diapositive.
2. Diapositive in loop: fare clicper attivareper ripetere automaticamente le diapositive.
3. Avanzamento automatico: clicca per attivare se vuoi che le diapositive scorrano automaticamente sulla tua pagina.
4. Tempo in secondi tra lo scorrimento automatico: usa itasti freccia per indicare il numero di secondi tra le diapositive.
5. Mostra i pulsanti di navigazione: clicca perattivare l'opzione per aggiungeredegli indicatori nella parte inferiore del cursore per mostrare ai visitatori quante diapositive ci sono e quale stanno visualizzando al momento.
6. Altezza variabile: usa il menu a tendina per selezionare se vuoi che il tuo slider rimanga alto quanto la diapositiva più alta, o che si ridimensioni automaticamente ad ogni immagine.
7. Transizioni delle diapositive: scegliete quale effetto visivo (Slide o Fade) volete vedere quando passate da una diapositiva all'altra.
8. Posizione delle didascalie: se scegli di mostrare le didascalie sulle diapositive, scegli se vuoi che queste didascalie siano sovrapposte alle immagini o visualizzate sotto le immagini.

• Fai clic sullaschedaStili nella parte superiore dell'editor del modulo per accedere alle impostazioni per il tuo modulo galleria di immagini:
  • Personalizza la famiglia del carattere, la dimensione del carattere, ilcolore del testo, l'allineamento del testo, l'altezza dellalineae gli stili per le didascalie della tuagalleria di immagini.
  • Imposta l'imbottitura e i margini intorno alle immagini della tua galleria immagini e alle miniature. Clicca sulla casella di controllo Uniform per impostare la stessa quantità di spaziatura intorno a ogni immagine.
  • Specifica il colore di sfondo e lo stile del modulo stesso della galleria immagini. Clicca su Applyper vedere le tue modifiche riflesse sul modulo nell'editor.

• Dopo aver aggiunto le immagini e le impostazioni di stile, clicca su Savee vai all'elenco dei moduli.
• Fai clic suPublish (Pubblica) oUpdate (Aggiorna)per rendere effettive letuemodifiche.