Wix Pro Gallery: progettare il design della tua galleria
Tempo di lettura: 9 min.
Fai risaltare la tua galleria sul tuo sito, aggiungendo alcune personalizzazioni di design. Puoi dare alla tua galleria un tocco professionale personalizzandone il layout, i colori, i font e altro ancora.
Per personalizzare il design della tua Wix Pro Gallery:
- Vai al tuo Editor
- Clicca sull'elemento Pro Gallery sulla tua pagina
- Clicca su Impostazioni
- Clicca sulla scheda Design
- Scegli ciò che desideri personalizzare:
Sovrapposizione e Icone
Una sovrapposizione viene aggiunta sopra un'immagine per dare effetto extra quando si passa il mouse sopra di essa. Puoi personalizzare questo effetto e tutte le icone.
- Clicca su Sovrapposizione e Icone
- Scegli tra un overlay completo o parziale e personalizza utilizzando le opzioni disponibili:
- Overlay completo: l'overlay copre l'intero elemento della galleria
- Gradiente: clicca sull'interruttore per abilitare una sovrapposizione gradiente
- Colore 1 e Colore 2: clicca sulla casella del colore pertinente per personalizzare i colori del gradiente, quindi trascina il cursore per regolare l'opacità dei colori
- Direzione gradiente: trascina il cursore per regolare la direzione del gradiente dell'overlay
- Colore icona: clicca sulla casella del colore per modificare il colore delle icone della galleria che appaiono al passaggio del mouse
- Colore sovrapposizione: clicca sulla casella del colore per sceglierne uno. Quindi trascina il cursore per modificare la trasparenza della sovrapposizione di colori
- Colore icona: clicca sulla casella del colore e seleziona un nuovo colore per le icone della galleria
- Gradiente: clicca sull'interruttore per abilitare una sovrapposizione gradiente
- Overlay parziale: l'overlay copre solo una parte dell'elemento della galleria
- Imposta dimensioni in: decidi le dimensioni dell'overlay in percentuale o pixel
- Dimensione: trascina il cursore o inserisci un valore per scegliere la dimensione dell'overlay
- L'overlay inizia da: scegli dove posizionare l'overlay
- Spaziatura interna: trascina il cursore per regolare lo spazio tra il bordo della galleria e l'overlay
- Gradiente: clicca sull'interruttore per abilitare una sovrapposizione gradiente
- Colore 1 e Colore 2: clicca sulla casella del colore pertinente per personalizzare i colori del gradiente, quindi trascina il cursore per regolare l'opacità dei colori
- Direzione gradiente: trascina il cursore per regolare la direzione del gradiente dell'overlay
- Colore icona: clicca sulla casella del colore per modificare il colore delle icone della galleria che appaiono al passaggio del mouse
- Colore sovrapposizione: clicca sulla casella del colore per sceglierne uno. Quindi trascina il cursore per modificare la trasparenza della sovrapposizione di colori
- Colore icona: clicca sulla casella del colore e seleziona un nuovo colore per le icone della galleria
- Overlay completo: l'overlay copre l'intero elemento della galleria
- Scegli un effetto di sovrapposizione tra le opzioni disponibili:
- Niente: la sovrapposizione non applica alcun effetto
- Dissolvenza: la sovrapposizione appare gradualmente al passaggio del mouse
- Espandi: la sovrapposizione si espande al passaggio del mouse
- Scorrimento: l'overlay scorre verso l'alto al passaggio del mouse
- Scorri a destra: l'overlay scorre verso destra al passaggio del mouse
Testi
Puoi personalizzare il design del titolo e il testo della descrizione, a condizione che tu scelga di visualizzarli nella scheda Layout. Se non vedi le opzioni Testi (passaggio 1 di seguito), vai alla scheda Layout, clicca su Personalizza layout e seleziona le caselle di spunta accanto a Titolo e Descrizione per visualizzarle.
- Clicca su Testi
- Personalizza il testo utilizzando le opzioni riportate di seguito:
- Info da mostrare: seleziona la casella di spunta accanto alle informazioni che desideri visualizzare (Titolo, Descrizione, Contatore presentazione)
Nota: l'opzione Contatore slideshow è disponibile nel layout Presentazione solo se la diapositiva è stata abilitata automaticamente
- Stile e colore titolo: seleziona il carattere e il colore del testo del titolo
- Stile e colore descrizione: seleziona il carattere e il colore del testo della descrizione
- Allineamento orizzontale: scegli di allineare il testo orizzontale a sinistra, al centro o a destra
- Allineamento verticale: scegli di allineare il testo verticale a sinistra, al centro o a destra
- Riempimento verticale del testo: trascina il cursore per modificare la quantità di spazio tra il testo verticale e il bordo
- Riempimento orizzontale del testo: trascina il cursore per modificare lo spazio tra il testo orizzontale e il bordo
- Info da mostrare: seleziona la casella di spunta accanto alle informazioni che desideri visualizzare (Titolo, Descrizione, Contatore presentazione)
Tasti
Questa sezione verrà visualizzata se scegli di mostrare il tasto Carica altro nella scheda Layout.
Qui puoi modificare il testo, il carattere, il colore e il raggio del bordo del tasto Carica altro.
Qui puoi modificare il testo, il carattere, il colore e il raggio del bordo del tasto Carica altro.
- Clicca su Tasti
- Personalizza i tasti utilizzando le opzioni riportate di seguito:
- Testo del tasto: inserisci il testo visualizzato sul tasto
- Colore e stile del font: seleziona il carattere e il colore del tasto
- Colore e opacità tasto: trascina il cursore per modificare il colore e l'opacità del tasto e clicca sulla casella del colore per selezionare un colore
- Larghezza e colori bordi: trascina il cursore per modificare la larghezza del bordo e clicca sulla casella del colore per selezionare un colore
- Raggio angoli: trascina il cursore per modificare il raggio dell'angolo
Frecce di navigazione
Puoi abilitare le frecce di navigazione nei layout Miniature, Diapositive, Presentazione e Colonne. Puoi personalizzare la posizione, le dimensioni e il colore per aiutare i visitatori del tuo sito a navigare nella galleria con facilità.
- Clicca su Frecce di navigazione
- Clicca sull'interruttore per abilitare le frecce sulla tua galleria
- Personalizza le frecce utilizzando le seguenti opzioni:
- Scegli uno stile per la freccia: clicca per selezionare il design delle frecce o clicca sull'icona Aggiungi
per caricare il tuo - Sfondo delle frecce: clicca sul menu a tendina per selezionare Ombra, Riquadro o Nessuno sfondo
- Ombra: aggiunge una leggera ombra intorno alla freccia
- Riquadro: aggiunge un riquadro attorno alla freccia. Clicca sulla casella del colore per modificare il colore della casella e trascina i cursori pertinenti per regolarne la trasparenza e arrotondare gli angoli
- Nessuno: alla freccia non viene aggiunto alcuno sfondo
- Dimensione freccia: trascina il cursore per aumentare o diminuire la dimensione delle frecce di navigazione
- Colore freccia: clicca sulla casella del colore per selezionare il colore della frecce di navigazione Seleziona un colore dai colori del tuo sito o scegli il tuo
- Posizione freccia: seleziona la casella di spunta pertinente per visualizzare le frecce di navigazione all'interno o all'esterno della galleria Nota: la visualizzazione delle frecce di navigazione sulla galleria potrebbe coprire parte degli elementi della galleria
- Centra le frecce verso: scegli se centrare le frecce su entrambi i lati della galleria stessa, delle sue immagini o del testo
- Spaziatura interna orizzontale: trascina il cursore per regolare lo spazio tra le frecce e il bordo della galleria
- Scegli uno stile per la freccia: clicca per selezionare il design delle frecce o clicca sull'icona Aggiungi
Stile dell'articolo
Ogni immagine o video nella galleria è un elemento. Puoi modificare l'aspetto degli elementi sia per la modalità normale che per quella al passaggio del mouse.
- Clicca su Stile dell'articolo
- Personalizza la visualizzazione normale dell'elemento in Stile dell'articolo:
- Larghezza e colori bordi: trascina il cursore per modificare la larghezza del bordo e clicca sulla casella del colore per selezionare un colore
- Raggio angoli: trascina il cursore per rendere gli angoli più arrotondati o quadrati
Nota: le opzioni Larghezza e colore bordi e Raggio angoli sono disponibili solo quando scegli di ritagliare le miniature nelle impostazioni del layout e si applicano solo all'immagine principale (non alle miniature)
- Ombra: clicca sull'interruttore per abilitare o disabilitare l'ombreggiatura:
- Abilitato: l'elemento della galleria è circondato da un'ombra. Personalizza l'opacità, il colore, la sfumatura, la direzione e la dimensione dell'ombra
- Disabilitato: l'elemento della galleria non ha un'ombra intorno ad esso
- Scegli cosa succede quando si passa il mouse sull'elemento della galleria:
- Niente: nessun effetto viene applicato al passaggio del mouse
- Zoom avanti: ingrandisce l'immagine al passaggio del mouse
- Sfumato: l'immagine è sfocata al passaggio del mouse
- Tonalità di grigio: l'immagine diventa in bianco e nero al passaggio del mouse
- Riduci: l'immagine si rimpicciolisce al passaggio del mouse
- Inverti: il colore dell'immagine viene invertito al passaggio del mouse
- Ricolora: l'immagine passa da bianco e nero a colorata al passaggio del mouse
- Oscuro: l'immagine diventa leggermente più scura al passaggio del mouse
- Scegli cosa succede durante il caricamento dell'immagine:
- Immagine sfocata: durante il caricamento viene visualizzata una versione sfocata dell'immagine
- Colore del placeholder: viene visualizzato un placeholder colorato durante il caricamento dell'immagine
Animazioni di scorrimento
Aggiungi un effetto animato che appare quando i visitatori scorrono gli elementi della tua galleria. Puoi personalizzare ulteriormente l'animazione scelta aggiungendo uno stile di transizione e regolandone la durata.
Note:
- Le animazioni disponibili dipendono dal layout della galleria che hai scelto
- È possibile personalizzare le impostazioni di animazione solo nei layout con scorrimento orizzontale
Per aggiungere un'animazione di scorrimento:
- Clicca su Animazioni di scorrimento
- Scegli cosa succede quando i visitatori scorrono la tua galleria:
- Niente: nessun effetto viene applicato allo scorrimento
- Dissolvenza: le immagini vengono visualizzate gradualmente durante lo scorrimento
- Tonalità di grigio: l'immagine diventa in bianco e nero durante lo scorrimento
- Scorrimento: l'immagine scorre verso l'alto durante lo scorrimento
- Espandi: l'immagine si ingrandisce quando si scorre
- Riduci: l'immagine diventa più piccola durante lo scorrimento
- Ridurre zoom: l'immagine si rimpicciolisce durante lo scorrimento
- Un colore: viene applicato un unico colore alle immagini durante lo scorrimento
Per personalizzare l'animazione:
- Clicca su Personalizza animazioni
- Personalizza le impostazioni di animazione:
- Stile di transizione: clicca sul menu a tendina per applicare un effetto di transizione agli elementi della galleria. Questo effetto viene applicato quando i visitatori si spostano da un elemento all'altro durante lo scorrimento
- Durata: trascina il cursore per regolare la durata dell'animazione
Modalità Espandi
Questa sezione viene visualizzata se hai scelto "Apri in modalità espandi" nel pannello Impostazioni della Pro Gallery, quando un utente clicca su un elemento della galleria. Da qui puoi personalizzare la modalità Espansione della tua galleria per adattarla al design e al marchio del tuo sito.
- Clicca su Modalità Espansione
- Clicca su Personalizza la modalità Espandi e personalizza la modalità di espansione della galleria utilizzando le seguenti opzioni:
- Quali info vengono mostrate? Scegli di mostrare un titolo, una descrizione e/o un link
- Dove vengono mostrate? Scegli dove vuoi posizionare le informazioni:
- Di lato: le informazioni vengono visualizzate a destra dell'elemento della galleria
- In basso: le informazioni vengono visualizzate sotto l'elemento della galleria
- Quando vengono mostrate? Scegli quando mostrare le informazioni:
- Sempre: le informazioni vengono sempre visualizzate
- Quando clicchi sull'icona delle informazioni: le informazioni vengono visualizzate solo quando un visitatore clicca sull'icona delle informazioni nell'angolo in alto a sinistra della modalità Espandi
- Permetti schermo intero: scegli se consentire ai visitatori di visualizzare gli elementi della galleria in modalità a schermo intero
- Colore di sfondo: clicca sulla casella del colore per selezionare il colore dello sfondo per la modalità Espandi. Scegli tra i colori del tuo sito o aggiungi un colore
- Colore icona: clicca sulla casella del colore per selezionare un colore per le icone nella modalità Espandi. Scegli tra i colori del tuo sito o aggiungi un colore
- Stile Titolo:
- Clicca sul menu a tendina per personalizzare il carattere, lo stile e le dimensioni dal Selettore carattere
- Clicca sulla casella del colore per modificare il colore del testo del titolo
- Stile descrizione:
- Clicca sul menu a tendina per personalizzare il carattere, lo stile e le dimensioni dal Selettore carattere
- Clicca sulla casella del colore per modificare il colore del testo della descrizione
- Allineamento testo: scegli se allineare il testo a sinistra, al centro o a destra
Hai trovato utile questo articolo?
|