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

Definire lo stile di una Pagina galleria

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

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

Visualizzazione della Galleria in base al modello

La Pagina Galleria del tuo template avrà uno dei seguenti layout predefiniti:

  • Slideshow - Visualizza un'immagine o un video per volta. I visitatori possono cliccare per avanzare alla diapositiva successiva, oppure puoi impostare l'opzione di riproduzione automatica. Gli slideshow con riproduzione automatica si interrompono al passaggio del mouse.
  • Griglia : visualizza il contenuto in una griglia. Regola il rapporto dimensionale, la spaziatura e il numero di miniature per riga nel riquadro Stili sito.
  • Impilato - Presenta il contenuto in un'unica colonna con un pixel di spaziatura tra ogni immagine o video.
  • Carosello - Visualizza i contenuti in una riga orizzontale. I visitatori possono cliccare per avanzare 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. Visita 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 - Visualizza 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. Nel Menu Home, clicca su Design, quindi su Stili sito.
  3. Scorri in basso fino a Gallery Styles (Stili Galleria).
  4. Usa l'opzione Gallery Design (Design Galleria) per scegliere tra Slideshow o Grid (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:

  • Gallery Info Overlay  (Overlay informazioni galleria): Always Show (Mostra sempre), Show on Hover (Mostra al passaggio del mouse), Hide (Nascondi) - Tipo di visualizzazione utilizzato per i titoli delle immagini e le didascalie.
  • 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:

  • Gallery Transitions (Transizioni galleria): Fade (Dissolvenza), Scroll (Scorrimento)
  • Gallery Autoplay (Riproduzione automatica galleria) - Ruota automaticamente le immagini della galleria. La presentazione delle diapositive con 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 Captions Display: On Hover (Visualizzazione didascalie: al passaggio del mouse) o Always(Sempre). Al passaggio del mouse, le didascalie vengono visualizzate passando il cursore del mouse sull'icona del cerchio nell'angolo inferiore destro.

Nel layout a colonna, puoi visualizzare Captions Below Image (Didascalie sotto l'immagine). Scegli Captions Display: Always (Visualizza didascalie: sempre) per abilitare questa opzione.

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 su un dispositivo mobile. 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.

Aggiungere link speciali

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. Potresti dover 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, usando l'opzione di scorrimento automatico eviterai di riprodurlo fino alla fine. Per evitare di tagliarlo, carica un'immagine in miniatura e abilita la sovrapposizione dell'immagine.

Visualizzazione su dispositivi mobili

Tutti i nostri template 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 Anteprima 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 template, puoi provare alcune alternative:

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

Questo articolo ti è stato utile?
Utenti che ritengono sia utile: 40 su 158
Definire lo stile di una Pagina galleria