Creare un nuovo carosello

Questa guida spiega come impostare un nuovo carosello di immagini o video, definendo le opzioni generali e configurando ogni singola slide.


1. Impostazioni Generali del Carosello

Per iniziare, definisci il titolo e le opzioni di funzionamento del carosello.

1. Accedi alla sezione di creazione o modifica del carosello.

2. Nel campo Titolo slider, inserisci un nome identificativo per il carosello.

3. Seleziona la casella Visibile sul sito se desideri che il carosello sia immediatamente attivo.

Configurazione Opzioni

Nella sezione Opzioni, definisci le dimensioni e il comportamento del carosello:

1. Altezza slider:

  • Nel campo numerico, inserisci l'altezza desiderata.
  • Nel menu a tendina accanto, seleziona l'unità di misura (ad esempio, px per pixel, vh per altezza della finestra).

2. Autoplay: Inserisci il numero di secondi dopo i quali la slide deve cambiare automaticamente. Lascia vuoto per disattivare l'autoplay.

3. Loop: Seleziona Si per far ricominciare il carosello dalla prima slide una volta terminato.

4. Frecce: Seleziona Si per mostrare i pulsanti di navigazione (frecce) per passare da una slide all'altra.

5. Seleziona la casella Ordine casuale per mostrare le slide in un ordine non sequenziale.

2. Aggiungere e Configurare le Slide

Nella sezione Slides, aggiungi e personalizza il contenuto di ogni singola slide.

1. Clicca sul pulsante per aggiungere una nuova slide (solitamente identificato come Aggiungi o Nuova Slide). Si aprirà una nuova scheda di configurazione.

2. Nel campo Titolo Slide, inserisci un titolo interno per identificare la slide (utile per l'organizzazione).

Contenuto della Slide

1. Nel campo Contenuto, inserisci il testo o gli elementi che verranno visualizzati sopra lo sfondo della slide.

  • Nota: Questo campo supporta l'editor visuale per la formattazione avanzata.

Sfondo (Immagine o Video)

Nella sezione Sfondo, puoi definire le proprietà di un'immagine di sfondo.

1. Immagini di Sfondo:

  • Clicca sull'uploader sotto l'etichetta Immagine Desktop per caricare l'immagine principale.
  • Clicca sull'uploader sotto l'etichetta Immagine Mobile per caricare un'immagine ottimizzata per dispositivi mobili.

2. Impostazioni Immagine:

  • Dimensione: Seleziona come l'immagine deve adattarsi (es. cover per coprire l'intera area, contain per visualizzarla interamente).
  • Ripeti: Definisci se l'immagine deve ripetersi (es. no-repeat, repeat-x).
  • Posizione: Definisci l'allineamento dell'immagine (es. center center, left top).
  • Attaccamento: Definisci se l'immagine è fissa o scorre con la pagina (es. scroll, fixed).

Video di Sfondo

Se desideri utilizzare un video come sfondo, utilizza la sezione Video.

1. Nel campo Video Sfondo, incolla il link del video (supporta Vimeo o Youtube).

2. Al completamento del video: Seleziona l'azione da eseguire quando il video finisce (es. Continua a ripetere, Nascondi, Ferma ultimo frame).

3. Visualizza su: Seleziona su quali dispositivi il video deve essere visibile (puoi selezionare più opzioni tenendo premuto Ctrl o Cmd).

Overlay

La sezione Overlay ti permette di aggiungere un livello di colore o gradiente sopra lo sfondo per migliorare la leggibilità del contenuto.

1. Gradiente: Seleziona o inserisci un gradiente da applicare.

2. Colore: Seleziona un colore di sfondo uniforme.

3. Opacità: Inserisci un valore numerico (da 0 a 100) per definire la trasparenza dell'overlay.

3. Salvare il Carosello

Una volta configurate tutte le slide e le opzioni:

1. Clicca sul pulsante di salvataggio (solitamente posizionato in alto o in basso nella pagina, non specificato nel codice sorgente).