Definire lo stile delle Pagine galleria nella versione 7.0

Modificare gli elementi di design delle pagine galleria per personalizzare il proprio sito nella versione 7.0.

Ultimo aggiornamento 9 gennaio 2025

Puoi regolare le dimensioni delle immagini, cambiare il design e personalizzare la tua pagina galleria accedendo al pannello Stili sito.

Accesso a questa funzionalità

Questa guida si riferisce alla versione 7.0. La versione 7.1 utilizza invece le sezioni galleria.

Visualizzazione della Pagina galleria in base al modello

La pagina galleria del tuo modello avrà uno dei seguenti layout predefiniti:

  • Slideshow - Mostra un'immagine o un video per volta. I visitatori possono cliccare per passare alla diapositiva successiva, oppure puoi impostare l'opzione di riproduzione automatica. Gli slideshow con riproduzione automatica si interrompono al passaggio del mouse.
  • Griglia - Mostra il contenuto in una griglia. Regola il rapporto dimensionale, la spaziatura e il numero di miniature per riga nel riquadro Stili sito.
  • Impilato - Mostra il contenuto in un'unica colonna con una spaziatura di un pixel tra ogni immagine o video.
  • Carosello - Mostra i contenuti in una riga orizzontale. I visitatori possono cliccare per passare alla diapositiva successiva, oppure puoi impostare l'opzione di riproduzione automatica.

Lo stile della pagina galleria dipende dal tuo modello. La maggior parte dei modelli utilizza la pagina galleria standard, che viene visualizzata come griglia o slideshow. Altri modelli presentano pagine galleria specifiche con funzionalità, tweak di stile e layout esclusivi.

  • Adirondack
  • Aviator
  • Bedford
  • Brine
  • Farro
  • Five
  • Galapagos
  • Native
  • Pacific
  • Skye
  • York - Supporta anche una Pagina del progetto esclusiva, simile a una Pagina galleria.
  • Avenue - A slideshow
  • Flatiron - A colonna
  • Forte - A carosello, con una slideshow in una lightbox.
  • Ishimoto - A carosello
  • Momentum - A slideshow, con un'opzione di visualizzazione a griglia
  • Montauk - A colonna
  • Supply - A colonna
  • Tremont - Layout a colonna, griglia orizzontale o simile a una bacheca
  • Wells - A slideshow o a griglia
  • Wexley - A griglia, con una slideshow in una lightbox

Pagine galleria all'interno di un indice

Puoi aggiungere Pagine galleria a un indice nelle seguenti famiglie di modelli: alcune gallerie hanno una formattazione speciale se aperte da un indice. Consulta le guide ai modelli per maggiori informazioni.

  • Avenue - A colonna, se aperta dall'Indice
  • Brine - Le sezioni dell'Indice galleria vengono mostrate con un layout a griglia o slideshow
  • Flatiron - Se aperta da un Indice, visualizza elementi di navigazione
  • Forte
  • Momentum
  • Montauk - Mostra elementi di navigazione se aperto da un indice, mentre i banner non vengono visualizzati
  • Pacific - Le sezioni dell'Indice galleria vengono mostrato con un layout a griglia o slideshow
  • Supply
  • Tremont - Lo slideshow della pagina di destinazione dell'Indice viene visualizzato nella parte inferiore
  • York

Definire lo stile della Pagina galleria standard

Per i modelli che utilizzano la Pagina galleria standard, segui gli step descritti in questa sezione. Per i modelli con Pagine galleria esclusive, consulta le relative guide.

Scegliere il layout

La pagina galleria standard supporta due layout. Per impostare lo stile del layout:

  1. Apri la Pagina galleria.
  2. Ritorna sul pannello Sito web, fai clic su Progettazione, quindi su Stili sito.
  3. Scorri verso il basso fino a Stili galleria.
  4. Usa l'opzione Design galleria per scegliere tra Slideshow o Griglia.

Suggerimento

questa procedura consente di impostare il layout di tutte le Pagine galleria del sito. Per creare gallerie con layout diversi, utilizza un Blocco galleria.

Definire lo stile del layout slideshow

Il layout slideshow mostra un'immagine o un video alla volta. Può includere elementi di navigazione come la freccia e le miniature nell'esempio seguente; è possibile impostarlo su riproduzione automatica.

I tweak riportati di seguito vengono visualizzati nella sezione Stili galleria quando Design galleria è impostato su Slideshow.

Definisci lo stile o nascondi la navigazione:

  • Navigazione galleria - Scegli il tipo di navigazione (miniature, punti elenco, numeri, cerchi, semplice). Scegli Nessuno per nascondere la navigazione.
  • Stile freccia galleria - Definisci lo stile delle frecce utilizzate per scorrere le diapositive (angoli arrotondati, rettangolari, circolari, senza sfondo).
  • Mostra frecce galleria - Deselezionando l'opzione non visualizzerai le frecce sulla galleria.
  • Dimensioni miniature galleria - Imposta l'altezza della navigazione con immagini in miniatura.
  • Sfondo freccia galleria
  • Colore freccia galleria
  • Colore cerchio galleria

Scegli la forma delle immagini:

  • Rapporto dimensionale galleria - Imposta il rapporto dimensionale (larghezza:altezza). Utilizzalo con il tweak Ritaglio automatico Galleria.
  • Ritaglio automatico galleria - Ritaglia automaticamente le immagini in base al rapporto dimensionale impostato con il tweak Rapporto dimensionale galleria.

Imposta la modalità di visualizzazione delle didascalie:

  • Sovrapposizione informazioni galleria: mostra sempre, mostra al passaggio del mouse, nascondi - Il tipo di visualizzazione utilizzato per i titoli e le didascalie delle immagini.
  • Gallery Info Background (Sfondo informazioni galleria) - Il colore utilizzato come sfondo per i titoli delle immagini e le didascalie.

Scegli la modalità di transizione delle immagini all'interno dello slideshow:

  • Transizioni galleria: dissolvenza, scorrimento
  • Riproduzione automatica galleria - Le immagini della galleria scorrono automaticamente. La riproduzione automatica si interrompe al passaggio del mouse.
  • Gallery Loop (Ciclo galleria) - Consente la rotazione ciclica della galleria alla prima diapositiva dopo l'ultima diapositiva.
  • Velocità riproduzione automatica galleria (sec)

Definire lo stile del layout a griglia

I tweak riportati di seguito vengono visualizzati nella sezione Stili galleria quando Design galleria è impostato su Griglia.

Scegli la forma e la dimensione delle immagini:

  • Rapporto dimensionale - Imposta il rapporto dimensionale (larghezza:altezza) delle immagini. Se imposti il rapporto dimensionale su Auto, le immagini vengono riorganizzate per garantire la migliore visualizzazione sulla pagina. Questo significa che possono essere visualizzate in un ordine diverso da quello in cui sono state caricate.
  • Grid Spacing (Spaziatura della griglia) - Incrementa la spaziatura tra le singole immagini nella griglia.
  • Min Column Width (Larghezza minima colonna) - Imposta la larghezza delle colonne nella griglia.

Definisci lo stile della lightbox:

  • Stile lightbox: scuro, chiaro

Definire lo stile delle didascalie

Per informazioni su come definire lo stile dei tipi di carattere per i titoli e le descrizioni delle immagini, visita Definire lo stile delle didascalie delle immagini.

Lo stile di visualizzazione delle diapositive dipende dal modello scelto. Per i modelli con la Pagina galleria standard:

  • Slideshow - Il testo può essere nascosto, visualizzato al passaggio del mouse su un'immagine o sempre visualizzato, a seconda di come imposti il tweak Sovrapposizione info galleria
  • Griglia - Il testo viene visualizzato passando il mouse su un'immagine nella vista lightbox
  • Il testo non verrà mai visualizzato per i video

Ecco come vengono visualizzati i titoli e le descrizioni delle immagini sulle pagine galleria esclusive delle seguenti famiglie di modelli:

Famiglia di modelli Note

Avenue

Il testo viene visualizzato solo quando la Pagina galleria fa parte di un Indice.

Flatiron

Il testo non viene mai visualizzato.

Forte

Il testo viene sempre visualizzato.

Ishimoto

Il testo può essere nascosto o visualizzato.

Momentum

Il testo viene sempre visualizzato cliccando sull'icona "i".

Montauk

Il testo viene sempre visualizzato.

Supply

Il testo per le immagini viene visualizzato in una sovrapposizione cliccando sull'icona + che viene visualizzata al passaggio del mouse.

Il testo non verrà mai visualizzato per i video.

Tremont

Scegliere tra Visualizzazione didascalie: al passaggio del mouse o Sempre. Al passaggio del mouse, le didascalie vengono visualizzate passando il cursore del mouse sull'icona del cerchio nell'angolo inferiore destro.

Nel layout impilato, puoi visualizzare Didascalie sotto l'immagine. Scegli Visualizzazione didascalie: sempre per abilitare questo tweak.

Wells

Il testo viene sempre visualizzato.

Wexley

I titoli delle immagini vengono visualizzati al passaggio del mouse. Utilizza il tweak Abilita passaggio del mouse sulla miniatura per visualizzare o nascondere i titoli.

I titoli delle immagini non vengono mai visualizzati nella lightbox o nei dispositivi mobili. Le descrizioni delle immagini non vengono mai visualizzate.

York

York presenta la Pagina galleria standard.

Per la Pagina del progetto, il testo può essere visualizzato accanto o sotto le immagini, a seconda dell'orientamento.

Alcune Pagine galleria supportano modalità di connessione da e verso le immagini.

  • Gli URL con collegamento diretto sono URL personalizzabili assegnati a ciascuna immagine, in modo da poter indirizzare i visitatori direttamente a qualsiasi immagine all'interno di una Pagina galleria.
  • Gli URL di click-through trasformano le immagini in collegamenti a pagine esterne, pagine interne o file.

Suggerimento

gli URL di click-through disattivano le lightbox. Adirondack supporta solo gli URL con collegamento diretto e gli URL di click-through nella vista slideshow.

Navigazione tramite tastiera

La maggior parte dei modelli supporta l'uso dei tasti freccia sulla tastiera per scorrere le immagini. Potrebbe essere necessario cliccare sulla pagina per attivare la navigazione tramite tastiera.

La pagina galleria standard supporta la navigazione tramite tastiera nel layout Slideshow, ma non quando un'immagine viene aperta in una lightbox dal layout Griglia.

Tutte le Pagine galleria esclusive supportano la navigazione tramite tastiera (viste slideshow, a carosello e lightbox).

Riproduzione automatica delle gallerie

In alcuni modelli puoi scorrere le immagini automaticamente, in modo che gli spettatori non debbano cliccare per passare all'immagine successiva.

Se il tuo modello dispone di un'opzione di riproduzione automatica, la puoi trovare in Stili sito. Ad esempio, nei modelli che utilizzano la pagina galleria standard, seleziona il tweak Riproduzione automatica galleria.

Nota

se la tua galleria comprende un video, con l'opzione di scorrimento automatico si eviterà di riprodurlo fino alla fine. Per evitare di tagliarlo, carica un'immagine in evidenza e abilita la sovrapposizione dell'immagine.

Visualizzazione su dispositivi mobili

Tutti i modelli Squarespace offrono responsive design integrato per assicurare che le Pagine galleria vengano visualizzate correttamente su qualsiasi dispositivo. Per visualizzare in anteprima la Pagina galleria sui dispositivi mobili, utilizza Vista dispositivo.

Per ulteriori informazioni, consulta Come apparirà il mio sito su dispositivi mobili?

Ulteriori opzioni di stile

Per creare un aspetto diverso rispetto alle opzioni disponibili nella pagina galleria del tuo modello, puoi provare alcune alternative:

Puoi anche creare più gallerie con diversi stili di visualizzazione utilizzando una combinazione di Pagine galleria e Pagine di layout con Blocchi galleria.

Footer Image
  • Ricevi assistenza dalla nostra community

  • Ricevi assistenza dalla nostra community in merito alle personalizzazioni avanzate.

  • Affidati a uno Squarespace Expert

  • Fatti notare online con l'aiuto di un designer o di uno sviluppatore esperto.

Definire lo stile delle Pagine galleria nella versione 7.0