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

Utilizza i Blocchi galleria per aggiungere gallerie di immagini e video a pagine e post in diversi layout. Puoi caricare immagini, integrare video, acquistare una licenza per immagini di archivio o visualizzare contenuti da una Pagina galleria esistente.

Per informazioni sulla configurazione dei Blocchi galleria sul tuo sito, segui gli step descritti in questa guida. Per le risposte alle domande più comuni, visita Domande frequenti sui Blocchi galleria.

Nella versione 7.1, puoi solo aggiungere i Blocchi galleria ai post del blog, agli articoli e ai singoli eventi. Per aggiungere delle gallerie alle pagine, usa Sezioni della galleria.

Guarda un video

Aggiungere un Blocco galleria

Per aggiungere un Blocco galleria:

  1. Modifica una pagina o un post, clicca su un Inserisci punto e seleziona Testo dal menu. Per assistenza, visita Aggiungere blocchi.
  2. Sotto Galleria, 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.
  1. Tocca l'icona Pagine.
  2. Tocca il titolo della pagina che desideri modificare.
  3. Tocca Modifica o l'icona della matita nell'angolo in alto a destra.
  4. Tocca l'icona + nell'angolo in alto a destra per aprire il menu dei blocchi.
  5. In Galleria, tocca SlideshowCaroselloGrigliaA colonna.
  6. Utilizza le schede CaricaEsistente per aggiungere immagini e video.
  7. Utilizza la scheda Mostra come per cambiare il layout e personalizzare il design.
  8. Tocca Fatto o per salvare le modifiche.

Aggiungere immagini e video

Nella scheda Contenuto dell'editor del Blocco galleria, puoi caricare immagini, aggiungere immagini di archivio, integrare video o visualizzare contenuto da una Pagina galleria esistente. Puoi anche riutilizzare un'immagine di archivio o caricata da altre aree del tuo sito.

Per maggiori informazioni sulle procedure consigliate per caricare le immagini, visita Formattare le immagini per la visualizzazione sul web o visualizza la nostra serie di video tutorial 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 più gallerie su più pagine.

Opzione 1 - Aggiungi le tue immagini

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.

Opzione 2 - Aggiungi immagini di archivio

Clicca sull'icona + nell'angolo inferiore destro e poi clicca su Cerca immagini. In base alla dimensione del browser, potrebbe essere necessario scorrere verso il basso per visualizzare l'icona +.

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

Opzione 3 - Aggiungere 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. Clicca sull'icona + nell'angolo inferiore destro e poi clicca su Video.
  2. Nella finestra Modifica video, incolla l'URL del video nella casella Inserisci un URL incorporato qui. Puoi anche cliccare sull'icona </> e incollare il codice da incorporare del video 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).

Option 4 - Utilizzare la galleria esistente

I Blocchi galleria possono visualizzare immagini e video aggiunti a una Pagina galleria esistente.

Per visualizzare il contenuto da una Pagina galleria, clicca su Usa galleria esistente, quindi seleziona la Pagina galleria da utilizzare.

Opzione 1 - Aggiungi le tue immagini

Per aggiungere immagini ai Blocchi galleria:

  1. Nella scheda Carica dell'editor di blocchi, tocca Contenuto.
  2. Tocca l'icona +.
  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.

Opzione 2 - Utilizzare una galleria esistente

Per utilizzare 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 visualizzano gli articoli in una griglia uniforme. Gli articoli con lunghezze irregolari avranno dello spazio tra di loro.

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.

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.

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 slideshow, a griglia e galleria a colonna. Ogni titolo di immagine funziona come testo alternativo, per migliorare SEO e accessibilità del sito.

Per aggiungere un titolo e una descrizione a un'immagine o a un video:

  1. Passa il mouse su un'immagine o un video nell'editor del Blocco galleria o nella Pagina galleria esistente.
  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 le immagini nel Blocco galleria provengono da una Pagina galleria esistente, i titoli e le descrizioni delle immagini saranno visualizzati automaticamente nel Blocco 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 dal modello utilizzato. Per maggiori informazioni, visita 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 o un video nell'editor del Blocco galleria o nella Pagina galleria esistente.
  2. Clicca su l'icona dell'ingranaggio.
  3. Imposta il link nella casella Clicca per aggiungere URL... . Per istruzioni dettagliate, visita Usare gli 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.

I Blocchi galleria prevedono delle 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.

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: 126 su 329