Utilizza diversi layout per mostrare una serie di immagini o video.
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
- Info 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
Nella versione 7.1, i membri di Circle possono aggiungere blocchi galleria a tutte le aree di contenuto. Una volta aggiunto, il blocco può essere modificato da chiunque disponga delle autorizzazioni per modificare il contenuto del sito. Per informazioni su come diventare un membro di Circle, visita Squarespace Circle.
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:
- Clicca su un punto di inserimento in un'area che supporta i blocchi galleria, quindi clicca su Galleria. Per assistenza, visita Aggiungere contenuto con blocchi.
- Utilizza la scheda Contenuto per aggiungere immagini e video.
- Utilizza la scheda Design per cambiare il layout e personalizza il design. Se il sito è basato sulla versione 7.0, clicca su Applica per pubblicare le modifiche apportate.
Aggiungere immagini e video
Nella scheda Contenuti dell'editor del blocco galleria, puoi caricare immagini o aggiungere immagini di archivio. Puoi anche riutilizzare un'immagine di archivio o caricata da altre aree del tuo sito. Quando aggiungi una nuova immagine a un Blocco galleria, le modifiche vengono salvate automaticamente.
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.
Se il tuo sito è aggiornato alla versione 7.0, puoi incorporare i video. L'aggiunta di video ai blocchi galleria non è completamente supportata dalla versione 7.1. In alternativa, usa i blocchi video o blocchi embed.
Limitazioni
- Puoi aggiungere fino a 250 immagini oppure, se il tuo sito è aggiornato alla versione 7.0, 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.
Nota: non è possibile utilizzare l'opzione Usa galleria esistente nella versione 7.1. Questa opzione è solo per le pagine della galleria, disponibili solo nella versione 7.0.
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.
Per riutilizzare le immagini già caricate sul sito, fai clic sull'icona + nell'angolo in basso a destra, quindi su Cerca immagini. Si apre la scheda La mia libreria che mostra le immagini caricate sul sito e le eventuali immagini di archivio gratuite e con licenza utilizzate.
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.
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.
Per riutilizzare le immagini già caricate sul sito, fai clic sull'icona + nell'angolo in basso a destra, quindi su Cerca immagini. Si apre la scheda La mia libreria che mostra le immagini e i video caricati sul sito e le eventuali immagini di archivio gratuite e con licenza utilizzate.
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.
Aggiungi video
Puoi anche integrare video da servizi di hosting. I video non possono essere caricati direttamente. Attualmente supportiamo URL diretti da YouTube e Vimeo. Per altri servizi, utilizza i codici di incorporamento. Per maggiori informazioni, visita Scegliere la giusta opzione di incorporamento dei video.
Per aggiungere un video:
- Fai clic sull'icona + icon nell'angolo inferiore destro, quindi clicca su Video.
- 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.
- 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.
- Per utilizzare la miniatura personalizzata, seleziona Usa miniatura.
- Al termine, clicca su Salva.
Importare da altre pagine
Esistono due modi per aggiungere immagini da altre pagine del sito:
- Aggiungere immagini e video da una Pagina galleria: clicca su Usa galleria esistente, quindi seleziona la Pagina galleria da utilizzare.
- Aggiungere immagini da altre pagine - Clicca su + nell'angolo in basso a destra, quindi clicca su Cerca immagini per trovare e riutilizzare le immagini.
Aggiungere immagini personali
Per aggiungere immagini ai Blocchi galleria:
- Nella scheda Carica dell'editor di blocchi, tocca Contenuto.
- Tocca l'icona +.
- 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...
- Tocca le immagini per aggiungere titoli, descrizioni e URL di click-through.
Nota: al momento non è possibile cercare immagini di archivio nell'app Squarespace o aggiungere contenuti ai blocchi della galleria nei post del blog. A tale scopo, utilizza 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:
- Tocca la scheda Esistente nell'editor di blocchi.
- Tocca Le mie gallerie.
- 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.
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 dal rapporto dimensionale degli articoli e dalle dimensioni del blocco.
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.
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 to 1 e regolare la spaziatura in base alle esigenze.
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 passare all'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:
|
| 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 e l'altra ha un numero maggiore di pixel:
L'immagine con un rapporto larghezza/altezza maggiore imposta l'altezza del blocco:
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 per passare all'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. Gli URL di click-through 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 si visualizzano solo nei blocchi slideshow, a griglia e galleria a colonna. Ogni titolo di immagine funziona come testo alt, per migliorare SEO e accessibilità del sito. Per sapere come migliorare l'accessibilità del tuo sito, visita Rendere più accessibili audio, immagini e video.
Per aggiungere titoli e descrizioni a immagini e video:
- Passa il mouse su un'immagine o un video nell'editor Blocco galleria.
- Clicca su
. - Inserisci un titolo e una descrizione. Ti consigliamo di utilizzare termini brevi per descrivere l'immagine.
.- Tocca la scheda Contenuto.
- Tocca un'immagine.
- Inserisci un titolo e una descrizione. Ti consigliamo di utilizzare termini brevi per descrivere l'immagine.
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:
- Passa il mouse su un'immagine nell'editor di Blocco Galleria.
- Clicca su .
- Imposta il link nel campo Clicca per aggiungere URL.... Per istruzioni dettagliate, visita Usare gli URL di click-through.
- Seleziona o deseleziona Apri link in una nuova finestra nella scheda Design per impostare come verranno visualizzati i link.
- Tocca la scheda Contenuto.
- Tocca un'immagine.
- Tocca Link immagine.
- 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.
- 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, gli URL di click-through non sono supportati quando l'opzione Lightbox è selezionata.
- I video non supportano gli URL di click-through.
- Se aggiungi un URL di click-through nella versione 7.1, non potrai selezionare pagine del portfolio nella scheda Contenuto. In alternativa, puoi selezionare Esterno e incollare l'URL nella pagina del tuo portfolio.
Riorganizzare immagini e video
I Blocchi galleria non includono opzioni per l'ordinamento automatico di immagini e video, ma puoi riordinare gli elementi manualmente. Quando riordini un'immagine, la modifica viene salvata automaticamente.
- 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 clicca 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.
Rimuovere un'immagine o un video
Per rimuovere un'immagine o un video da un Blocco galleria:
- Nell'editor del Blocco galleria, passa il mouse sull'immagine che desideri eliminare e clicca sull'icona del cestino.
- Clicca su Conferma.
- Nella scheda Carica dell'editor di blocchi, tocca Contenuto.
- Tocca Modifica.
- Tocca l'icona - rossa su qualsiasi immagine o video che desideri eliminare, quindi tocca Elimina.
Quando rimuovi un'immagine o un video da un Blocco galleria, la modifica viene salvata automaticamente.
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 automaticamente immagini nella scheda Design.
- Per ritagliare immagini singole, utilizza l'editor di immagini integrato.
- Per centrare le immagini, modifica i punti focali.
- Per compattare l'intero Blocco galleria, aggiungi blocchi su entrambi i lati.
- Per modificare le dimensioni delle immagini e il numero di immagini visualizzate contemporaneamente, utilizza lo strumento di ritaglio.
- Per ritagliare immagini singole, utilizza l'editor di immagini integrato.
- Per compattare l'intero Blocco galleria, aggiungi blocchi su entrambi i lati.
- 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 le immagini, modifica i punti focali.
- Per compattare l'intero Blocco galleria, aggiungi blocchi su entrambi i lati.
- Per ritagliare immagini singole, utilizza l'editor di immagini integrato.
- 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, gli URL di click-through funzionano al tocco.
- Nella lightbox, tocca il cerchio nell'angolo inferiore destro per visualizzare il titolo e la descrizione di un'immagine.
I Blocchi galleria a colonna sono visualizzati e si comportano allo stesso modo sui dispositivi mobili.