Salta al contenuto
Nota bene: la traduzione in olandese di questo articolo è fornita solo per comodità. La traduzione viene creata automaticamente tramite un software di traduzione e potrebbe non essere stata revisionata. Pertanto, la versione inglese di questo articolo deve essere considerata come la versione di governo contenente le informazioni più recenti. È possibile accedervi qui.
Landing Pages

Aggiungere immagini a un modulo di galleria di immagini

Ultimo aggiornamento: gennaio 27, 2021

Si applica a:

Marketing Hub  Professional, Enterprisee
CMS Hub  Professional, Enterprisee
Legacy Marketing Hub Basic

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.

edit-slide

  • 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.

reorder%20slides

Dopo aver aggiunto le immagini per la tua galleria di immagini, puoi personalizzare le opzioni del tuo modulo nell'editor della barra laterale sinistra:
  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.

image-gallery

  • 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.

image-gallery-styles

  • 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.