Compatibilità:

WebSite X5 Evo e Pro dalla v. 2019.3



Il Content Slider è qualcosa di più di una semplice galleria di immagini perché è composto da slide che non contengono solo immagini ma anche titoli, descrizioni e pulsanti. Per questo è perfetto per essere inserito direttamente in Home Page, preferibilmente nella parte alta e immediatamente visibile della pagina: sfruttalo per attirare l'attenzione dei tuoi visitatori e per presentare subito le CTA (Call To Action) per te più importanti. Noi abbiamo usato il Content Slider in alcuni template che trovi nella libreria dei Template Predefiniti. Guarda, per esempio, i template Shoemaking & Repairs (categoria Business), Homemade (categoria Food), Coworking Space (categoria Scuole e Associazioni) o Art Gallery (categoria Arti e fotografia).


Per capire come utilizzare al meglio lOggetto Content Slider guarda il seguente video o, in alternativa, prosegui con la lettura dell'articolo:



Per impostare l'Oggetto Content Slider devi fare 2 cose:

  1. Inserire tutte le slide necessarie specificando per ciascuna i contenuti che deve presentare.
  2. Definire lo stile grafico delle singole slide.


Come creare le singole slide

La prima cosa che devi fare è creare tutte le slide che ti servono e inserirne i contenuti:

  • In fase di creazione della pagina, fai doppio click sull'Oggetto Content Slider inserito per accedere alla finestra delle impostazioni e rimani nella sezione Contenuti.
  • Clicca sul pulsante Aggiungi per creare una nuova slide: viene automaticamente inserita nell'Elenco Slide. Attraverso gli appositi pulsanti puoi aggiungere tutte le slide che ti occorrono, rimuovere quelle che non servono più e agire sul loro ordine.
  • Seleziona dall'elenco la slide sulla quale vuoi lavorare e utilizza le Impostazioni disponibili per definirne i contenuti: importa l'immagine e lo sfondo; digita il titolo, la descrizione e la CTA del pulsante; clicca sul pulsante  per impostare il collegamento associato al pulsante.  
  • Ripeti l'ultimo passaggio in modo da comporre tutte le slide: alla fine clicca sul pulsante Anteprima per vedere il Content Slider in azione attraverso il Browser in locale. 


Come definire lo stile grafico delle slide

Per definire come deve essere organizzata e come deve presentarsi ogni slide di un Content Slider, fai in questo modo:

  • Accedi alla sezione Stile della finestra Content Slider.
  • Scegli come impostare le slide: per esempio puoi avere l'immagine a destra e i contenuti a sinistra, oppure l'immagine in alto e i contenuti in basso. Nei casi di contenuti affiancati, usa l'opzione Larghezza Immagine (%) per definire quanto dello spazio disponibile deve essere occupato dall'immagine.
  • Se vuoi applica degli Effetti: puoi prevedere sia un effetto per l'ingresso della slide, che un diverso effetto per i contenuti.
  • Occupati dello stile dei diversi Elementi. Seleziona uno dopo l'altro i diversi elementi contenuti nelle slide (Immagine, Titolo, Descrizione, Pulsante) e utilizza le opzioni disponibili per agire su formattazioni, colori, margini e allineamenti.  
  • Infine, in base al risultato che vuoi ottenere, decidi se attivare o meno le opzioni per mostrare i comandi di navigazione, per aggiungere gli indicatori di posizione e per far in modo che lo slider si avvii automaticamente.