Widget «Slider multimediale»

Categorie di widget: Media

Il widget slider multimediale propone slide con video, immagine o solo testo e diverse disposizioni. Con tutte le impostazioni e le opzioni di design che offre, lo puoi configurare in molti modi e usarlo per quasi ogni tipo di contenuto: testimonianze, domande frequenti, presentazioni di prodotto, una sezione dedicata al team o i tuoi servizi, per citarne alcuni. È anche un buon strumento per dare ai visitatori contenuti interattivi e ben organizzati.

Nota:

• Puoi includere al massimo 25 slide.
• I file multimediali supportati sono immagini e video, inclusi .svg, .png, .jpg, .gif e tutti i formati video.
• Nei video l'audio è disattivato, perché fanno da sfondo alle slide.
• La riproduzione automatica dei video dipende da alcune restrizioni del browser e dalle impostazioni del dispositivo (se, per esempio, è attiva la modalità di risparmio energetico, i video potrebbero non partire da soli).

Per sapere come aggiungere i widget, vedi Add Widgets.

Editor dei contenuti

Fai clic sull'elemento per aprire il menu fluttuante, poi fai clic sull'opzione dell'editor dei contenuti.

Aggiungere, ordinare e rimuovere le slide

Aggiungere le slide. Per aggiungere contenuti allo slider, fai clic su Aggiungi diapositiva. Così crei una nuova slide e si aprono le sue impostazioni.

Duplicare le slide. Per duplicare una slide, passaci sopra il mouse e scegli l'icona di duplicazione.

Ordinare le slide. Per cambiare l'ordine, trascina una slide nella posizione che vuoi.

Rimuovere le slide. Passa il mouse sulla miniatura della slide che vuoi eliminare e fai clic sull'icona del cestino. Per rimuoverle tutte, fai clic su Elimina tutto.

Opzioni delle singole slide

• Media (immagine o video). Aggiungi il contenuto che vuoi. Fai clic su Clicca per aggiungere media per aprire la Media Library.

  Nota: Se vuoi aggiungere più slide, usa l'opzione Aggiungi più file. Tieni presente che così crei nuove slide, invece di aggiungere più file alla slide attuale.

• Posizione. Regola quale parte del contenuto si vede (l'opzione compare dopo aver aggiunto un contenuto).

• Alt text. Scrivi il tuo testo alternativo.

• Testo sulla diapositiva. Il testo (titolo e descrizione) che vuoi mostrare sulla slide. Questi campi non si possono nascondere direttamente, ma se li lasci vuoti in pratica non si vedono.

  Nota: Il campo di testo lungo offre varie opzioni di formattazione, come mettere il testo in corsivo, in grassetto o sottolinearlo.

• Pulsante. Il pulsante della slide si può nascondere facendo clic sull'icona a forma di occhio.

  Nota: Appena aggiungi un link, l'intera slide diventa cliccabile. Che tu nasconda il pulsante prima o dopo aver aggiunto il link, la slide resta comunque cliccabile e collegata alla destinazione.

Editor di design

Fai clic sull'elemento per aprire il menu fluttuante, poi fai clic sull'opzione per modificare il design.

1. Per cambiare la disposizione dello slider, fai clic sulla miniatura della disposizione attuale. Imposta il numero di colonne con il menu a discesa accanto a Numero di colonne.
2. Transizione. Configura la transizione tra le slide.
   • Transizione diapositive. Scegli Fade o Slide.
   • Autoplay.
   • Velocità della presentazione. Sposta il cursore per scegliere una velocità tra 1 e 20 secondi.
   • Metti in pausa la presentazione al passaggio del mouse.
   • Animazione dei contenuti.
3. Indicatori di navigazione. Configura gli indicatori per navigare tra le slide.
   • Display. Scegli un'opzione dal menu a discesa.
   • Dimensione.
   • Spazio intermedio.
   • Colore.
4. Media & Background.
   • Display full media. Mostra il contenuto nelle sue dimensioni originali. Tieni presente che questo può aggiungere spazio extra ai bordi dello slider.
   • Colore della sovrapposizione. C'è anche un cursore per impostare l'opacità (Opacità).
   • Colore di sfondo.
5. Cornice. Configura la cornice (per esempio regola le dimensioni o personalizza il bordo).
   • Allineamento e spaziatura interna. Regola l'allineamento e il padding del contenuto dentro ogni slide. Con queste impostazioni decidi come si dispone il contenuto sulla slide.
   • Allineamento contenuto. Allinea il contenuto di ogni slide a sinistra, al centro o a destra.
   • Spazio tra gli elementi.
     • Tra media e titolo. Questa opzione è disponibile solo quando il contenuto non fa da sfondo alla slide.
     • Tra titolo e descrizione.
     • Tra la descrizione e il pulsante.
   • Spaziatura interna orizzontale.

Per informazioni sulle opzioni di design non specifiche di questo widget (per esempio la disposizione, lo stile o la spaziatura), vedi Widget Design.

Creare uno slider di testo con testimonianze

Con il widget slider multimediale hai varie opzioni, a seconda dei contenuti che vuoi includere nel tuo slider di testimonianze.

Per creare uno slider di testimonianze senza immagine di sfondo:

1. Aggiungi il widget slider multimediale al tuo sito.
2. In Media Slider Content, fai clic su Elimina tutto per eliminare tutte le slide predefinite.
3. Fai clic su Aggiungi nuova slide.
4. Nelle impostazioni della slide aggiungi:
   • (Facoltativo) Nella sezione Media, fai clic su Clicca per aggiungere media per aggiungere la foto di un cliente.
   • Il contenuto della testimonianza (per esempio il nome e cosa dice).
5. Nella scheda Design scegli una di queste disposizioni (sono quelle consigliate; altre possono richiedere una configurazione aggiuntiva):
   • La disposizione predefinita (la migliore se non userai foto dei clienti). Di base ha una sovrapposizione sull'immagine (e un colore di sfondo), che puoi modificare nella sezione Immagini & sfondi.
   • La foto del cliente sta sopra il contenuto della testimonianza.
   • Le slide scorrono in verticale, con l'immagine a sinistra e la testimonianza a destra.
6. Modifica le altre impostazioni di design come preferisci.