Il componente Vetrina di Immagini consente di creare gallerie multimediali all’interno delle pagine di un sito realizzato con SuperSite. Attraverso questo strumento è possibile combinare armoniosamente immagini, titoli descrittivi e collegamenti ipertestuali, permettendo di costruire sezioni visive dedicate alla presentazione di prodotti, portfolio fotografici o contenuti editoriali.
L’utilizzo di questo componente permette di organizzare i contenuti visivi in modo ordinato e facilmente consultabile, migliorando la qualità della presentazione grafica delle pagine.
Inserimento del componente nel sito
L’aggiunta del componente avviene tramite l’editor di progettazione di SuperSite.
Per inserire la Vetrina di Immagini all’interno della pagina è necessario procedere come segue:
- accedere alla Barra degli elementi situata sul lato sinistro dell’editor
- aprire la sezione Media slides
- individuare la voce Vetrina di Immagini
- trascinare il componente nell’area di lavoro utilizzando la funzione drag and drop
Una volta posizionato, il componente può essere spostato o ridimensionato per adattarsi alla struttura della pagina.
Gestione e caricamento delle immagini
Il componente consente di inserire un numero elevato di immagini, offrendo ampia flessibilità nella costruzione della galleria fotografica, per aggiungere nuove immagini è necessario selezionare il componente e seguire la procedura di gestione dei contenuti:
- selezionare il componente con il tasto sinistro del mouse
- accedere al menu Modifica
- selezionare il comando Aggiungi foto
- scegliere una o più immagini dal proprio computer per avviare il caricamento
Il sistema supporta anche il caricamento multiplo delle immagini, consentendo di inserire più file contemporaneamente e velocizzare la creazione della galleria.
Regolazione delle dimensioni e della spaziatura
La configurazione delle dimensioni delle immagini è gestita tramite l’icona Dimensione immagini, che permette di definire la struttura della galleria, attraverso questa sezione è possibile intervenire sui seguenti parametri:
- Larghezza: per regolare l'estensione orizzontale delle immagini
- Altezza: per definire la dimensione verticale degli elementi visivi
- Margine: per stabilire lo spazio di separazione tra una foto e l'altra
La corretta regolazione di questi valori consente di mantenere un layout equilibrato e coerente con il design della pagina.
Personalizzazione tipografica dei titoli
L’aspetto grafico dei titoli associati alle immagini può essere configurato tramite l’icona Font titolo, che consente di intervenire sulle principali impostazioni tipografiche:
- Carattere: permette di selezionare il font tramite il menu dedicato
- Dimensione: regola la grandezza del testo per migliorare la leggibilità
- Colore consente di modificare la tonalità cromatica del titolo scegliendolo dalla palette colori
Queste opzioni permettono di mantenere uniformità con lo stile tipografico utilizzato nelle altre sezioni del sito.
Configurazione delle impostazioni grafiche avanzate
Il menu Impostazioni avanzate consente di rifinire alcuni dettagli estetici del componente e migliorare l’integrazione con il layout della pagina, attraverso due aree di intervento:
- Gestione del Bordo: Accedendo al sottomenu Impostazioni bordo, è possibile definire il colore del contorno tramite la palette, impostare lo spessore della linea e regolare il raggio del bordo per ottenere angoli arrotondati
- Effetti Visivi: consente di abilitare l’applicazione di un effetto ombra, utile per creare maggiore profondità visiva e separare il componente dallo sfondo della pagina
Impostazioni di anteprima e visualizzazione
Le opzioni finali di presentazione delle immagini sono disponibili nel menu Impostazioni di anteprima, che permette di definire il comportamento visivo del componente, attraverso questa sezione è possibile:
- Sfondo: selezione del colore di sfondo dalla palette, con la possibilità di scegliere se applicare tale colore all'intero componente o esclusivamente all'area dedicata al testo
- Visibilità: gestisce la visualizzazione o l'occultamento di testo e sfondo
- Posizionamento del Testo: opzione per collocare la barra del testo in tre diverse posizioni: In basso, In alto o Al centro
- Orientamento delle Immagini: definisce l'allineamento orizzontale delle immagini all'interno del modulo, con scelta tra Sinistra, Centro o Destra.
La configurazione di queste opzioni consente di adattare la visualizzazione della vetrina al layout della pagina e migliorare l’esperienza di consultazione delle immagini.