Il layout della tua Pro Gallery sul tuo sito mobile è responsivo, il che significa che si regola automaticamente per adattarsi a diverse dimensioni dello schermo e dispositivi. Puoi scegliere un layout completamente diverso per la tua Pro Gallery in modo che sia ideale per i dispositivi mobile.
Seleziona un layout predefinito con funzionalità integrate o un layout personalizzato se preferisci personalizzare il layout da solo. Qualunque opzione di layout tu scelga, puoi sempre personalizzare il design della galleria.
In questo articolo, scoprirai di più su come:
Layout personalizzabili
Questi layout della galleria ti consentono di progettare e personalizzare la tua Pro Gallery da zero. Puoi scegliere tra una vasta gamma di layout personalizzabili per presentare al meglio i tuoi contenuti multimediali sui dispositivi mobile.
Per personalizzare il layout sul tuo sito mobile:
- Vai al tuo Editor mobile:
- Editor Wix: clicca sull'icona Passa a Mobile
nella parte superiore dell'Editor - Editor X: clicca sul punto di interruzione pertinente nella parte superiore dell'Editor X
- Clicca sulla Wix Pro Gallery nel tuo Editor mobile
- Clicca su Impostazioni
- Seleziona un layout per la tua galleria
- Clicca su Personalizza layout per modificare il layout in modo che abbia l'aspetto desiderato (vedi Funzionalità di layout personalizzabili di seguito)
Layout predefiniti
I modelli predefiniti includono una serie di funzionalità di layout integrate. Questi layout della galleria già pronti ti consentono di accelerare il processo di visualizzazione delle tue immagini sul tuo sito. Sebbene i layout stessi non siano personalizzabili, puoi personalizzare il design della galleria dalla scheda Design.
Per scegliere un layout predefinito:
- Clicca sulla Wix Pro Gallery nel tuo Editor mobile
- Clicca su Impostazioni
- Clicca sulla scheda Predefiniti
- Seleziona un layout per la tua galleria
Funzionalità di layout personalizzabili
Ogni layout personalizzabile offre una gamma di impostazioni che puoi personalizzare, tra cui la direzione di scorrimento, la direzione della galleria e l'orientamento dell'immagine.
Clicca su un'opzione qui sotto per ulteriori dettagli su quel layout:
Usa il layout Collage per mostrare immagini di orientamento diverso (sia verticale che orizzontale) posizionate in modo casuale all'interno della galleria.
- Direzione di scorrimento: scegli lo scorrimento verticale o orizzontale
- Orientamento galleria: scegli se le foto verranno mostrate verticalmente o orizzontalmente
- Scorre automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Pausa tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Dimensioni miniature: scegli le dimensioni delle immagini nella galleria
- Spaziatura: scegli lo spazio tra le immagini
- Densità collage: scegli quante immagini verranno mostrate alla volta nella galleria
- Tasto Carica altro: scegli se mostrare o nascondere il tasto Carica altro
- Quante altre immagini caricano: (questa opzione è rilevante solo se hai scelto di abilitare un tasto Carica altro)
- Tutte le immagini
- Un'altra sezione (aggiunge un'altra sezione della stessa dimensione della galleria originale)
Usa il layout Mattonelle per mostrare immagini di orientamento diverso posizionate in colonne o righe.
- Orientamento galleria: scegli se le foto verranno mostrate verticalmente o orizzontalmente
- Dimensioni miniature: scegli le dimensioni delle immagini nella galleria
- Spaziatura: scegli lo spazio tra le immagini
- Tasto Carica altro: scegli se mostrare o nascondere il tasto Carica altro
- Quante altre immagini caricano: (questa opzione è rilevante solo se hai scelto di abilitare un tasto Carica altro)
- Tutte le immagini
- Un'altra sezione (aggiunge un'altra sezione della stessa dimensione della galleria originale)
Utilizza questo layout quando vuoi che le immagini vengano mostrate all'interno di una griglia.
- Direzione di scorrimento: scegli lo scorrimento verticale o orizzontale
- Ridimensiona miniature:
- Ritaglia: è possibile scegliere il rapporto dell'immagine
- Adatta: adatta le dimensioni dell'immagine alla dimensione della galleria.
Nota: le opzioni Larghezza e colore bordi e Raggio angoli sono disponibili solo quando scegli di ritagliare le miniature nelle impostazioni del layout 
- Rapporto immagine: scegli tra le opzioni di rapporto immagine disponibili (es. 4:3, 1:1)
- Scorre automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Pausa tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la tua galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Pausa al passaggio del mouse: clicca sull'interruttore per abilitare o disabilitare la pausa della presentazione, quando un visitatore passa il mouse su un elemento della galleria
- Adatta a schermo: mostra tutte le immagini che possono essere inserite all'interno della galleria con una dimensione fissa
- Immagini per riga: trascina il cursore per mostrare più o meno immagini per riga
- Dimensioni miniature: scegli le dimensioni delle immagini nella galleria
- Immagini per colonna: scegli quante immagini mostrare per colonna (solo con l'orientamento orizzontale)
- Spaziatura: scegli lo spazio tra le immagini
- Tasto Carica altro: scegli se mostrare o nascondere il tasto Carica altro (viene visualizzato solo se si sceglie la direzione di scorrimento verticale)
- Quante altre immagini caricano: (questa opzione è rilevante solo se hai scelto di abilitare un tasto Carica altro)
- Tutte le immagini
- Un'altra sezione (aggiunge un'altra sezione della stessa dimensione della galleria originale)
Utilizzare il layout Miniature per mostrare più miniature accanto all'immagine selezionata.
- Immagini continue: scegli se vuoi o meno disattivare il tasto "Avanti" sull'ultima immagine
Nota: il tasto "Sinistra" viene sempre disattivato quando si raggiunge la prima immagine durante lo scorrimento all'indietro - Scorre automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Pausa tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la tua galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Pausa al passaggio del mouse: clicca sull'interruttore per abilitare o disabilitare la pausa della presentazione, quando un visitatore passa il mouse su un elemento della galleria
- Pausa tra le immagini: scegli quanto tempo trascorre prima che la diapositiva cambi (appare solo quando "Scorre automaticamente" è attivato)
Nota: se vuoi modificare l'effetto di transizione, vai alla scheda "Animazioni di scorrimento" nelle impostazioni di Design - Ridimensiona Miniature:
- Ritaglia: adatta le dimensioni dell'immagine alle dimensioni della galleria
- Adatta: mostra l'immagine nel suo rapporto originale e la adatta alle dimensioni della galleria. Se c'è troppo spazio vuoto intorno all'immagine, devi aumentare l'altezza della galleria
Nota: le opzioni Larghezza e colori bordi e Raggio angoli sono disponibili solo quando scegli di ritagliare le miniature nelle impostazioni del layout 
- Posizione miniature: scegli dove vuoi che le miniature appaiano sullo schermo (sotto, a sinistra sopra o a destra dell'immagine corrente)
- Dimensioni miniature: trascina il cursore per scegliere la dimensione delle immagini nella galleria
Nota : se hai solo poche immagini e c'è uno spazio vuoto sotto l'immagine principale, devi aumentare la dimensione della miniatura - Spaziatura miniature: trascina il cursore per scegliere lo spazio tra le immagini
- Immagini per riga: trascina il cursore per regolare la modalità di visualizzazione delle immagini alla volta
Nota: al momento non è possibile regolare l'allineamento delle miniature. Se questo è qualcosa che vorresti vedere in futuro,
vota per questa funzionalità.
Usa il layout Slider per mostrare più immagini con scorrimento orizzontale.
Nota: il numero di immagini mostrate contemporaneamente in questo layout dipende dalle dimensioni della galleria. Se alcune immagini sembrano tagliate, è necessario modificare le dimensioni della galleria. Un'altra soluzione è scegliere "Ritaglia" e "Adatta" nelle impostazioni di layout.
- Immagini continue: scegli di consentire ai visitatori di scorrere le tue immagini in un ciclo continuo
- Scorri automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Tempo tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la tua galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Pausa al passaggio del mouse: clicca sull'interruttore per abilitare o disabilitare la pausa della presentazione, quando un visitatore passa il mouse su un elemento della galleria
- Pausa tra le immagini: scegli quanto tempo passa prima che la diapositiva cambi (appare solo quando è attivato "Scorre automaticamente")
- Ridimensiona miniature:
- Ritaglia: scegli se il rapporto è fisso o di tipo reattivo
- Adatta: mostra l'immagine nel suo rapporto originale e la adatta alle dimensioni della galleria. Se c'è troppo spazio vuoto intorno all'immagine, devi aumentare l'altezza della galleria
Nota: le opzioni Larghezza e colori bordi e Raggio angoli sono disponibili solo quando scegli di ritagliare le miniature nelle impostazioni del layout 
- Rapporto immagine:
- Adatta a schermo: le dimensioni dell'immagine verranno regolate automaticamente a seconda del dispositivo dell'utente.
- Fisso: scegli tra le opzioni di rapporto immagine disponibili, ad es. (4: 3, 1: 1). Le immagini appariranno in questo rapporto su tutti i dispositivi.
- Immagini per riga: trascina il cursore per regolare la modalità di visualizzazione delle immagini alla volta (Questa opzione è disponibile solo quando scegli un rapporto immagine reattivo)
- Spaziatura: scegli lo spazio tra le immagini
Utilizzare il layout Presentazione per mostrare un'immagine alla volta con lo scorrimento orizzontale.
- Immagini continue: scegli di consentire ai visitatori di scorrere le tue immagini in un ciclo continuo
- Scorre automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Pausa tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la tua galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Pausa al passaggio del mouse: clicca sull'interruttore per abilitare o disabilitare la pausa della presentazione, quando un visitatore passa il mouse su un elemento della galleria
- Pausa tra le immagini: scegli quanto tempo trascorre prima che la diapositiva cambi (appare solo quando "Scorre automaticamente" è attivato)
Nota: se vuoi modificare l'effetto di transizione, vai alla scheda "Animazioni di scorrimento" nelle impostazioni "Design" - Dimensione barra info: aggiunge spazio per icone, titolo e descrizione sotto la galleria
- Tasto Play: aggiungi un tasto per consentire ai visitatori di mettere in pausa o riprodurre la presentazione (Questa opzione è disponibile solo quando si sceglie di abilitare la diapositiva automaticamente)
- Ridimensiona Miniature:
- Ritaglia: adatta le dimensioni dell'immagine alle dimensioni della galleria
- Adatta: mostra l'immagine nel suo rapporto originale e la adatta alle dimensioni della galleria. Se c'è troppo spazio vuoto intorno all'immagine, devi aumentare l'altezza della galleria
Nota: le opzioni Larghezza e colori bordi e Raggio angoli sono disponibili solo quando scegli di ritagliare le miniature nelle impostazioni del layout 
Utilizza il layout Striscia per mostrare più immagini in un'unica colonna.
- Immagini per riga: scegli quanti elementi della galleria mostrare alla volta
- Spaziatura: scegli lo spazio tra gli elementi della galleria
- Tasto Carica altro: scegli se mostrare o nascondere il tasto Carica altro
- Quante altre immagini caricano: (solo se viene mostrato il tasto Carica altro)
- Tutte le immagini
- Un'altra sezione (aggiunge un'altra sezione della stessa dimensione della galleria originale)
Utilizza il layout Colonne per mostrare più immagini alla volta in una riga.
- Immagini continue: scegli di consentire ai visitatori di scorrere le tue immagini in un ciclo continuo
- Scorri automaticamente: scegli di visualizzare gli elementi in una presentazione continua:
- Intervalli: la galleria passa all'elemento successivo dopo il periodo di tempo scelto. Trascina il cursore Pausa tra le immagini per modificare il numero di secondi tra gli elementi
- Continuo: la tua galleria scorre automaticamente. Trascina il cursore Velocità slideshow per regolare la velocità di scorrimento della galleria
- Pausa al passaggio del mouse: clicca sull'interruttore per abilitare o disabilitare la pausa della presentazione, quando un visitatore passa il mouse su un elemento della galleria
- Spaziatura: scegli lo spazio tra le immagini
Mattoni, Misto e Alternato
Usa questi layout per visualizzare gli elementi della galleria di diverse dimensioni e orientamento fianco a fianco.
- Immagini per riga: scegli quanti elementi della galleria mostrare alla volta
- Spaziatura: scegli lo spazio tra le immagini
Questo layout consente di modificare il layout in un altro con un clic. Clicca su Crea layout magico per rendere casuale il layout della tua galleria.
FAQ
Clicca su una domanda qui sotto per saperne di più sui layout nella Pro Gallery:
La Wix Pro Gallery è responsiva?
La tua Wix Pro Gallery si comporta in modo responsivo quando scegli determinati layout e li imposti su
Larghezza max. Ciò significa che la posizione degli elementi della galleria e le loro dimensioni possono cambiare quando la finestra del browser viene ridimensionata sui vari dispositivi.
Scopri di più sulla reattività nella Wix Pro Gallery.
Perché alcune delle mie immagini vengono ritagliate quando vengono aggiunte alla Wix Pro Gallery?
Potresti notare che le immagini della tua galleria appaiono tagliate, a seconda del
Layout personalizzabile che scegli. Ciò può accadere quando l'orientamento delle miniature in un layout è diverso da quello delle immagini caricate.
Ad esempio, se selezioni un layout a colonna, che mostra tutte le immagini con orientamento verticale, ma carichi le immagini con orientamento orizzontale, potrebbe comportare che l'immagine venga tagliata per fare in modo che rientri nei limiti della miniatura.
Per evitare che le tue immagini vengano tagliate:
- Clicca su Wix Pro Gallery nel tuo Editor
- Clicca su Impostazioni
- Clicca sulla scheda Layout
- Clicca su Personalizza layout
- Seleziona Adatta sotto Ridimensiona Miniatura
Opzioni aggiuntive quando si tiene il formato tagliato:
- Regola il punto focale delle tue immagini per controllare meglio le parti delle tue immagini che potrebbero essere tagliate
- Regola le proporzioni dell'immagine (16:9, 4:3, 1:1, 3:4 o 9:16) applicate alla galleria in modo che corrispondano al meglio alle proporzioni e all'orientamento delle immagini caricate
