Nota: Sebbene le nostre guide più popolari siano state tradotte in italiano, alcune guide sono disponibili solo in inglese.

Blocchi Galleria

Usa i Blocchi galleria per aggiungere gallerie di immagini e video a pagine e post di blog in diversi layout. Puoi caricare immagini, integrare video o acquistare licenze per immagini d'archivio.

Guarda un video

Dove aggiungere i blocchi galleria

Le sezioni in cui puoi aggiungere i Blocchi galleria dipendono dalla versione del sito.

È possibile aggiungere Blocchi galleria ad aree del sito in cui le sezioni della galleria non sono supportate, tra cui:

  • Post
  • Eventi individuali
  • Informazioni aggiuntive sul prodotto

Non è possibile aggiungere Blocchi galleria alle aree con sezioni tipo pagina, tra cui:

  • Pagine di layout
  • Pagine di destinazione della raccolta (pagine blog, pagine eventi, pagine del portfolio, pagine del negozio)
  • Pagine secondarie del portfolio
  • Piè di pagina

Puoi aggiungere Blocchi Galleria a qualsiasi area di contenuto del sito. Per ulteriori informazioni, visita Aggiungere contenuto con i blocchi.

Aggiungere un Blocco galleria

Per aggiungere un Blocco galleria:

  1. Fai clic su un punto di inserimento in un'area che supporta Blocchi galleria. Per assistenza, visita Aggiungere contenuto con i blocchi.
  2. Scorri fino a Galleria nel menu e seleziona SlideshowCaroselloGriglia o A colonna

Opzioni Blocco galleria nel menu del blocco.

  1. Utilizza la scheda Contenuto per aggiungere immagini e video.
  2. Utilizza la scheda Design per cambiare il layout e personalizza il design.
  3. Fare clic su Applica per salvare le modifiche.

Aggiungere immagini e video

Nella scheda Contenuti dell'editor dei blocchi galleria, puoi caricare immagini, aggiungere foto d'archivio o incorporare video. È anche possibile un riutilizzare una foto d'archivio o un'immagine caricata da altre aree del tuo sito.

Per maggiori informazioni sulle procedure consigliate per caricare le immagini, vedi Formattare le immagini per la visualizzazione sul web o guardala nostra serie di tutorial video Tutto sulle immagini.

Limitazioni

  • Puoi aggiungere fino a 250 immagini e video.
  • Più contenuto aggiungi, più lento sarà il caricamento della pagina. Questo solitamente si verifica nei dispositivi mobili con capacità di elaborazione limitata. Per ridurre le dimensioni della pagina, puoi sempre creare gallerie più piccole su più pagine.

Il modo in cui aggiungi immagini e video ai Blocchi Galleria dipende dalla versione del tuo sito.

Aggiungere immagini personali

Apri l'Editor di Blocco galleria e trascina più immagini nello strumento di caricamento, oppure fai clic sullo strumento di caricamento delle immagini per aprire un menu di selezione dei file.

Puoi anche riutilizzare le immagini di altre pagine del tuo sito.

Aggiungi immagini di archivio

Fai clic su + nell'angolo in basso a destra, quindi fai clic su Cerca immagini. A seconda delle dimensioni del browser, potrebbe essere necessario scorrere verso il basso per visualizzare l'icona +.

Per maggiori informazioni, visita Cercare e aggiungere immagini di archivio.

Aggiungi video

Puoi anche integrare video da servizi di hosting. I video non possono essere caricati direttamente. Attualmente, supportiamo URL diretti da YouTube, Vimeo, Wistia e Animoto. Per altri servizi, utilizza i codici di incorporamento. Per maggiori informazioni, visita Scegliere la giusta opzione di incorporamento dei video.

Per aggiungere un video:

  1. Fai clic su + nell'angolo in basso a destra, quindi fai clic su Video.
  2. Nella finestra Modifica video, incolla l'URL del video nel campo Inserisci un URL incorporato qui. Puoi anche cliccare sull'icona </> e incollare il codice del video da incorporare nella finestra Dati incorporati.
  3. Puoi aggiungere un'immagine in miniatura personalizzata da visualizzare sopra il video prima che il visitatore lo riproduca. Alcuni video prevedono un'immagine che viene caricata dal Blocco galleria, ma puoi sempre rimuoverla e caricarne una nuova.
  4. Per utilizzare la miniatura personalizzata, seleziona Usa miniatura.
  5. Al termine, clicca su Save (Salva).

Aggiungere immagini personali

Apri l'Editor di Blocco galleria e trascina più immagini nello strumento di caricamento delle immagini. Puoi anche cliccare sullo strumento di caricamento delle immagini per aprire un menu di selezione dei file.

Aggiungi immagini di archivio

Fai clic su + nell'angolo in basso a destra, quindi fai clic su Cerca immagini. A seconda delle dimensioni del browser, potrebbe essere necessario scorrere verso il basso per visualizzare l'icona +.

Per maggiori informazioni, visita Cercare e aggiungere immagini di archivio.

Aggiungi video

Puoi anche integrare video da servizi di hosting. I video non possono essere caricati direttamente. Attualmente, supportiamo URL diretti da YouTube, Vimeo, Wistia e Animoto. Per altri servizi, utilizza i codici di incorporamento. Per maggiori informazioni, visita Scegliere la giusta opzione di incorporamento dei video.

Per aggiungere un video:

  1. Fai clic su + nell'angolo in basso a destra, quindi fai clic su Video.
  2. Nella finestra Modifica video, incolla l'URL del video nel campo Inserisci un URL incorporato qui. Puoi anche cliccare sull'icona </> e incollare il codice del video da incorporare nella finestra Dati incorporati.
  3. Puoi aggiungere un'immagine in miniatura personalizzata da visualizzare sopra il video prima che il visitatore lo riproduca. Alcuni video prevedono un'immagine che viene caricata dal Blocco galleria, ma puoi sempre rimuoverla e caricarne una nuova.
  4. Per utilizzare la miniatura personalizzata, seleziona Usa miniatura.
  5. Al termine, clicca su Save (Salva).

Importare da altre pagine

Esistono due modi per aggiungere immagini da altre pagine del sito:

  • Aggiungere immagini e video da una Pagina Galleriafai clic su Usa Galleria esistente e seleziona la Pagina Galleria da utilizzare.
  • Aggiungere immagini da altre pagine: fai clic sul + nell'angolo in basso a destra, quindi fai clic su Cerca immagini per trovare e riutilizzare le immagini. 

Aggiungere immagini personali

Per aggiungere immagini ai Blocchi galleria:

  1. Nella scheda Carica dell'editor di blocchi, tocca Contenuto.
  2. Tocca +.
  3. Scegli un'immagine:
    • Scatta una nuova foto - Tocca Scatta una foto o Fotocamera.
    • Scegli un'immagine dal tuo dispositivo - Tocca Galleria fotografica o File.
    • Scegli un'immagine da iCloud - Tocca Inserisci da...
  4. Tocca le immagini per aggiungere titoli, descrizioni e URL di click-through.
Nota: Al momento non è possibile ricercare immagini di archivio o aggiungere video ai Blocchi galleria nell'app. Per farlo, devi utilizzare un computer.

Usare una galleria esistente (solo versione 7.0)

Nei siti in versione 7.0, puoi anche estrarre immagini da una Pagina galleria esistente sul tuo sito:

  1. Tocca la scheda Esistente nell'editor di blocchi.
  2. Tocca Le mie gallerie.
  3. Tocca la Pagina galleria che desideri utilizzare.

Per aggiungere titoli delle immagini, descrizioni e URL di click-through, modifica le immagini attraverso la Pagina galleria.

Layout dei Blocchi galleria

Ecco alcuni esempi di ciascun layout del Blocco galleria. Dal computer, puoi cambiare il layout nella scheda Design del Blocco galleria. Nell'app Squarespace, tocca Mostra come per cambiare il layout.

I Blocchi galleria a slideshow visualizzano gli articoli in forma di slideshow. I visitatori possono cliccare sugli articoli o lo slideshow può essere riprodotto automaticamente. Gli articoli vengono visualizzati uno alla volta.

Esempio di Blocco galleria a slideshow.

I blocchi galleria a carosello visualizzano gli articoli in una striscia orizzontale. I visitatori possono cliccare sugli articoli o il carosello può scorrere automaticamente. Il numero di articoli visualizzati per volta dipende dalle dimensioni del blocco.

Esempio di Blocco galleria a carosello.

I Blocchi galleria a griglia mostrano gli elementi in una griglia uniforme. Gli elementi con lunghezze irregolari sono separati da una spaziatura, a meno che non vengano ritagliati automaticamente.

Esempio di Blocco galleria a griglia.

I Blocchi galleria a colonna visualizzano gli articoli in una singola colonna distanziati tra loro di un pixel. Gli articoli coprono l'intera larghezza del blocco. Questo layout è meno personalizzabile e non dispone di opzioni di rapporto dimensionale o controlli di navigazione.

Se vuoi che le immagini siano disposte in colonna, con più spazio tra l'una e l'altra, passa al layout Griglia. Da lì puoi impostare Miniature per riga su 1 e regolare la spaziatura in base alle esigenze.

Esempio di Blocco galleria a colonna.

Personalizzare il design

È possibile personalizzare il design e il comportamento dei Blocchi galleria. Dal computer, clicca sulla scheda Design nell'editor di blocchi per apportare i cambiamenti desiderati. Nell'app Squarespace, tocca Mostra come. Le opzioni disponibili dipendono dal layout.

Ecco le opzioni di design per i Blocchi galleria a slideshow:

Opzioni di design Utilizzare questo per
Passa automaticamente da una diapositiva all'altra

Fare in modo che lo slideshow passi automaticamente all'immagine o al video successivo dopo un determinato periodo di tempo. Quando selezionato, visualizzerai un indicatore per impostare l'intervallo di transizione su un valore compreso tra 1 e 10 secondi.

La riproduzione di un video sostituisce questa impostazione. Se un visitatore riproduce un video, dovrà cliccare sulla freccia accanto per visualizzare l'articolo successivo nella raccolta.

Visualizza i controlli Successivo e Precedente

Aggiungere frecce per la navigazione. I comandi vengono visualizzati in sovrapposizione a sinistra e a destra dell'immagine o del video principali. Se l'opzione non è selezionata, i visitatori possono cliccare per progredire nella slideshow, a meno che le immagini utilizzino degli URL di click-through.

Se la galleria contiene video e l'opzione Passa automaticamente da una diapositiva all'altra è selezionata, ti consigliamo di controllare questa impostazione.

Ritaglia automaticamente immagini

Ritagliare o ridimensionare le immagini per ottenere un design migliore.

Se deselezionata:

  • L'immagine o il video più ampio copre l'intera larghezza del blocco. La sua altezza viene ridimensionata per preservare il rapporto dimensionale.
  • Tutte le altre immagini e video vengono ridimensionati affinché abbiano la stessa altezza dell'immagine o del video più ampio.
  • I rapporti dimensionali vengono mantenuti.
Se selezionata:
  • L'immagine o il video più ampio copre l'intera larghezza del blocco. Il rapporto dimensionale viene mantenuto insieme all'altezza.
  • Tutte le altre immagini e video vengono ridimensionati affinché abbiano la stessa larghezza e altezza dell'immagine o del video più ampio.
Mostra miniature

Aggiungere una striscia con le miniature di tutte le immagini e video nella galleria sotto l'immagine principale.

Se selezionata, vengono visualizzati i cursori per impostare l'altezza della striscia con le miniature e la distanza tra questa e l'immagine principale.

Mostra titolo e descrizione

Visualizza titoli e descrizioni delle immagini impostati nelle impostazioni di ciascuna immagine.

Se selezionata, vengono visualizzate altre opzioni per impostare la posizione e per visualizzarle solo al passaggio del mouse.

Sfondo trasparente Rimuovere il colore grigio dietro le immagini che non sono ritagliate. Questa opzione viene visualizzata solo quando Ritaglia automaticamente immagini è deselezionato.
Apri link in una nuova finestra Aprire i collegamenti URL in nuove schede, quando si clicca su di essi.

Altezza dello slideshow

L'altezza dei Blocchi galleria a slideshow è impostata in base all'altezza dell'immagine più ampia. Il blocco tiene conto dell'immagine più ampia, che sarà quella con il rapporto dimensionale maggiore.

Di seguito è riportato un esempio di due immagini che potresti caricare nel Blocco galleria. Una ha un rapporto larghezza/altezza maggiore è l'altra ha un numero maggiore di pixel:

Confronto di immagini con rapporti larghezza/altezza diversi.

L'immagine con un rapporto larghezza/altezza maggiore imposta l'altezza del blocco:

L'immagine con un rapporto larghezza/altezza maggiore imposta l'altezza del Blocco galleria a slideshow.

Per impostare l'altezza della galleria, assicurati che l'immagine con il rapporto dimensionale maggiore abbia l'altezza desiderata. Ad esempio, per ridurre l'altezza dell'intera galleria, ritaglia l'immagine con il rapporto dimensionale più ampio.

Ecco qualche altro suggerimento per regolare l'altezza:

  • Per prevedere l'altezza della galleria e mantenere coerenti le dimensioni dell'immagine, ti consigliamo di utilizzare un editor di immagini di terze parti per ritagliare le immagini con lo stesso rapporto dimensionale prima di caricarle.
  • Ritaglia le immagini di archivio o le immagini che hai già caricato con l'editor di immagini integrato.
  • Scegli se tutte le immagini nello slideshow debbano avere lo stesso rapporto dimensionale selezionando Ritaglia automaticamente immagini nella scheda Design. 
  • Per maggiori informazioni sui rapporti dimensionali, visita Informazioni sui rapporti dimensionali.

Ecco le opzioni di design per Blocchi galleria a carosello:

Opzioni di design Utilizzare questo per
Passa automaticamente da una diapositiva all'altra

Fare in modo che la Galleria passi automaticamente all'articolo successivo dopo un tempo specificato (tra uno e 10 secondi).

La riproduzione di un video sostituisce questa impostazione. Se un visitatore riproduce un video, dovrà cliccare sulla freccia accanto per visualizzare l'articolo successivo nella raccolta.

Visualizza i controlli Successivo e Precedente

Aggiungere frecce per la navigazione. I controlli vengono visualizzati in sovrapposizione a sinistra e a destra dell'articolo principale.

Se la galleria contiene video e l'opzione Passa automaticamente da una diapositiva all'altra è selezionata, ti consigliamo di controllare questa impostazione.

Allineamento attivo

Scegli dove visualizzare l'immagine attiva nel cursore mentre le immagini si spostano.

Apri link in una nuova finestra Aprire gli URL di click-through in nuove schede.

Ecco le opzioni di design per i Blocchi galleria a griglia:

Opzioni di design Utilizzare questo per
Rapporto di aspetto Modificare la forma delle immagini e dei video. Per impostazione predefinita, è selezionato 1:1 Quadrato.
Ritaglia immagini

Rimuovere il padding e visualizzare immagini e video secondo il rapporto dimensionale selezionato.

Se deselezionata, l'altezza di ciascuna riga è standardizzata in base all'immagine o al video più alto. A seconda del rapporto dimensionale selezionato, potresti visualizzare spaziature incoerenti, soprattutto se la griglia è impostata su una miniatura per riga.

Mostra titolo

Visualizza i titoli sotto le immagini.

Quando le immagini vengono aperte in una lightbox, i titoli e le descrizioni vengono visualizzati al passaggio del mouse.

Miniature per riga Impostare il numero di miniature in una riga. Aumentando il numero diminuiscono le dimensioni di ciascuna miniatura.
Padding Modificare il padding/i margini tra ciascuna immagine o video. Spostando il cursore su 0 rimuoverai il padding.
Lightbox

Se selezionata, cliccando su un'immagine o un video, questi saranno visualizzati in una slideshow all'interno di una lightbox con uno sfondo bianco o nero. I collegamenti URL saranno disabilitati.

Utilizzare il menu a discesa Tema lightbox per scegliere se lo sfondo della lightbox debba essere nero o bianco.

Apri link in una nuova finestra Aprire i collegamenti URL in nuove schede, quando si clicca su di essi.

Ecco le opzioni di design per i Blocchi galleria a colonna:

Opzioni di design Utilizzare questo per
Mostra titolo e descrizione

Visualizzare i titoli e le descrizioni sotto ciascuna immagine o video.

Apri link in una nuova finestra Aprire i collegamenti URL in nuove schede, quando si clicca su di essi.

Aggiungere titoli e descrizioni delle immagini

I titoli e le descrizioni vengono visualizzati solo nei Blocchi galleria slideshow, a griglia e a colonna. Il titolo delle immagini funge anche da testo alternativo, per migliorare SEO e accessibilità del sito.

Per aggiungere titoli e descrizioni a immagini e video:

  1. Passa il mouse su un'immagine o un video nell'editor Blocco galleria.
  2. Clicca su l'icona dell'ingranaggio.
  3. Inserisci un titolo e una descrizione. Ti consigliamo di utilizzare termini brevi per descrivere l'immagine.
  1. Tocca la scheda Contenuto.
  2. Tocca un'immagine.
  3. Inserisci un titolo e una descrizione. Ti consigliamo di utilizzare termini brevi che descrivono l'immagine e si ricollegano al contenuto generale del sito. 
Suggerimento: se il sito è in versione 7.0, le immagini tratte da una Pagina galleria esistente mostreranno automaticamente i titoli e le descrizioni presenti sulla Pagina galleria.

Il comportamento e l'aspetto del testo dipendono dal layout del Blocco galleria:

  • Slideshow - Titoli e descrizioni vengono visualizzati sempre o al passaggio del mouse. Imposta la posizione nella scheda Design del blocco. Nei browser più piccoli e sui dispositivi mobili, i titoli e le descrizioni potrebbero non essere visualizzati.
  • Carosello - I titoli e le descrizioni non vengono visualizzati.
  • Griglia - I titoli vengono visualizzati sotto le immagini. Quando le immagini vengono aperte in una lightbox, i titoli e le descrizioni vengono visualizzati al passaggio del mouse, ciò non succede per i video.
  • Impilato - Titoli e descrizioni vengono visualizzati sotto le immagini.
Suggerimento: lo stile delle didascalie dipende dal design del Blocco galleria e dalla versione del sito. Per maggiori informazioni, vedi Definire lo stile delle didascalie delle immagini.

Aggiungere collegamenti URL

Utilizza i collegamenti URL per collegare immagini a pagine esterne, contenuto interno o file. Questo è un ottimo modo per incoraggiare i visitatori a cliccare e visualizzare altro contenuto, come progetti di clienti, prodotti o post. I collegamenti URL funzionano con le immagini, ma non con i video.

Per aggiungere un Collegamento URL:

  1. Passa il mouse su un'immagine nell'editor di Blocco Galleria.
  2. Clicca su l'icona dell'ingranaggio.
  3. Imposta il link nel campo Fai clic per aggiungere URL... . Per istruzioni dettagliate, vedi URL di click-through.
  4. Seleziona o deseleziona Apri link in una nuova finestra nella scheda Design per controllare come verranno visualizzati i link.
  1. Tocca la scheda Contenuto.
  2. Tocca un'immagine.
  3. Tocca Link a un'immagine.
  4. Usa le schede per creare un link a una pagina del tuo sito, a un sito web esterno, a un indirizzo e-mail, a un file caricato o a un numero di telefono.
  5. Tocca la freccia nell'angolo in alto a sinistra, quindi tocca Salva.

Tieni presente alcune limitazioni per gli URL di click-through:

  • Nei Blocchi galleria a slideshow, gli URL di click-through sostituiscono la navigazione. Se utilizzi degli URL di click-through con il design a slideshow, ti consigliamo di selezionare l'opzione Mostra controlli Successivo e Precedente nella scheda Design dell'editor di blocchi.
  • Nel Blocco galleria a griglia, i collegamenti URL di click-through non sono supportati quando l'opzione Lightbox è selezionata.
  • I video non supportano gli URL di click-through.

Riorganizzare immagini e video

I Blocchi galleria non includono opzioni per ordinare in automatico immagini e video, ma puoi riordinarli manualmente secondo la procedura riportata di seguito:

  • Per spostare un'immagine alla volta, apri l'editor dei blocchi e fai clic e trascina l'immagine in posizione.
  • Per spostare più immagini, tieni premuto Ctrl su Windows o su Mac, quindi fai clic su tutte le immagini che vuoi spostare. Dopo aver selezionato le immagini, tieni premuto e trascinale in posizione.

Se il sito è in versione 7.0 e il Blocco galleria mostra il contenuto di una galleria esistente, riorganizza le immagini o i video nella Pagina galleria originale.

Ritagliare o ridimensionare le immagini (solo computer)

Puoi ridimensionare o ritagliare Blocchi galleria in diversi modi. Le opzioni disponibili dipendono dal layout.

  • Per ritagliare automaticamente le immagini affinché abbiano lo stesso rapporto dimensionale, seleziona Ritaglia immagini nella scheda Design.
  • Per modificare le dimensioni di tutte le immagini, modifica il numero di miniature per riga nella scheda Design.
  • Per ritagliare immagini singole, utilizza l'Editor di immagini integrato.
  • Per centrare nuovamente le immagini, modifica i punti focali.
  • Per compattare l'intero Blocco galleria, aggiungi blocchi su entrambi i lati.

Blocchi galleria su dispositivi mobili

I Blocchi galleria su dispositivi mobili possono essere visualizzati o comportarsi in modo diverso, rispetto a come si comporterebbero su un computer, a seconda del layout.

I Blocchi galleria a slideshow mantengono il layout a slideshow su dispositivi mobili.

  • Le impostazioni automatiche di transizione e navigazione scelte nella scheda Design continuano a essere valide. I collegamenti URL di click-through funzionano quando vengono toccati.
  • I titoli e le descrizioni non saranno visualizzati su schermi di larghezza inferiore a 480 pixel. Ciò è valido per la maggior parte degli smartphone tenuti in modalità ritratto.
  • I titoli e le descrizioni (incluse le didascalie al passaggio del mouse) possono essere visualizzati in modalità orizzontale e su dispositivi di grandi dimensioni, ad esempio tablet, a seconda del dispositivo.

I Blocchi galleria a carosello mantengono il layout a carosello su dispositivi mobili:

  • A seconda delle immagini, può essere visualizzata una sola immagine per volta.
  • Le impostazioni automatiche di transizione e navigazione scelte nella scheda Design continuano a essere valide. I collegamenti URL di click-through funzionano quando vengono toccati.

I Blocchi galleria a griglia vengono visualizzati come griglie di due colonne su dispositivi mobili:

  • Il rapporto dimensionale scelto nella scheda Design continua a essere valido.
  • Le lightbox vengono visualizzate quando sono abilitate.
  • Quando le lightbox sono disabilitate, i collegamenti URL funzionano al tocco.
  • Nella lightbox, tocca il cerchio nell'angolo inferiore destro per visualizzare il titolo e la descrizione di un'immagine.

Tocca il cerchio per visualizzare il testo di un'immagine in una lightbox sui dispositivi mobili.

I Blocchi galleria a colonna sono visualizzati e si comportano allo stesso modo sui dispositivi mobili.

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 148 su 461