Editor Studio: aggiungere e personalizzare una lista dinamica slideshow
Tempo di lettura: 5 min.
Utilizzando una lista dinamica slideshow, puoi creare slideshow interattivi molto più velocemente per il sito del tuo cliente. Il design e il layout si ripetono sulle slide, ma il contenuto varia per ogni slide. Questo aiuta a mantenere un aspetto coerente attraverso lo slideshow, senza dover progettare ogni slide da zero.
Cosa si ripete esattamente tra le slide?
![Esempio di lista dinamica slideshow su un sito live](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/479754c8-39ca-42ec-8911-6ab3057983b3/3f063b17-af2e-49f2-9d24-0d3ca17729e1.gif)
In questo articolo, scopri di più su come:
Aggiungere e impostare una lista dinamica slideshow
Scegli tra i nostri vari design di slideshow per iniziare. Dopo aver aggiunto uno degli slideshow alla pagina, sentiti libero di aggiungere, spostare o rimuovere elementi in base alle tue esigenze.
Nota:
Quando aggiungi o rimuovi elementi da una diapositiva, ciò influisce anche sulle altre diapositive.
Per aggiungere e configurare una lista dinamica slideshow:
- Clicca su Aggiungi elementi
sul lato sinistro dell'Editor
- Clicca su Strumenti layout
- Clicca su Liste dinamiche slideshow
- Trascina un design che ti piace sulla pagina
- Personalizza il contenuto dello slideshow in base alle esigenze del cliente:
- Clicca sugli elementi (es. testo, immagini) per personalizzarli
- Aggiungi altri elementi alle slide
- Elimina gli elementi che non ti servono
- Collega gli elementi al Gestore contenuti
![I design degli slideshow disponibili nel pannello Aggiungi elementi](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b3ce8485-48ab-4a98-b956-093c87bdb5dc/80ed7916-99cc-46ca-b93f-51dcab95026e.png)
Gestire le slide
Nella parte superiore del pannello Ispezione, puoi vedere il numero attuale di elementi (slide) e l'opzione per gestirle individualmente.
Puoi duplicare gli elementi per aggiungere altre slide o rimuovere quelle con contenuti irrilevanti.
![Il pannello Ispezione quando si seleziona uno slideshow, il numero di elementi in alto è in evidenza](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/3167649c-9b32-4f76-b884-ae7ddf67f277/d99b64dc-0016-477f-802e-e36afecc4c93.png)
Per gestire le slide:
- Seleziona la lista dinamica slideshow
- Clicca sull'icona Apri Ispezione
in alto a destra dell'Editor
![Screenshot dell'apertura del pannello Ispezione nell'Editor Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Clicca su Gestisci nella parte superiore del pannello Ispezione
- Passa il mouse sull'elemento pertinente (slide) e clicca sull'icona Altre azioni
- Scegli cosa fare dopo: Duplica, Rinomina o Elimina
Suggerimento: rinominare una slide rinomina automaticamente le altre slide di questo slideshow
![Le opzioni di gestione visualizzate per ogni elemento/slide nello slideshow](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/0c1ad542-8c75-49d6-8796-84e34e38691c/9af4b636-f24c-445a-95f7-da05e07f2783.png)
Regolare le impostazioni dello slideshow
Fai in modo che lo slideshow si comporti esattamente come vuoi. Puoi mostrare o nascondere i tasti di navigazione, impostare la riproduzione automatica dello slideshow, aggiungere una transizione tra le slide e altro ancora.
Per regolare le impostazioni dello slideshow:
- Seleziona la lista dinamica slideshow
- Clicca su Impostazioni
- Scegli cosa fare dopo:
- Mostra tasti di navigazione: clicca sull'interruttore per mostrare o nascondere i tasti di navigazione
- Transizioni: scegli se applicare o meno un effetto di transizione tra le slide
- Riproduzione automatica: abilita l'interruttore per riprodurre automaticamente lo slideshow, senza bisogno dell'interazione dei visitatori
- Tempo per ciascun elemento: decidi per quanto tempo mostrare una slide prima che lo slideshow passi automaticamente a quella successiva
- Pausa al passaggio del mouse: abilita questo interruttore per interrompere lo slideshow quando un visitatore passa il mouse sopra una slide. Ciò consente loro di concentrarsi sul contenuto
- Ciclo continuo: quando questo interruttore è abilitato, lo slideshow non ha una "fine", ma ricomincia dall'inizio
![Il pannello Impostazioni dello slideshow accanto a uno slideshow nell'area di lavoro](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/6350f70c-0607-4cfa-a693-849f1100b97d/605b9dfc-e5b9-4069-a699-149e3ad4cf8e.png)
Progettare la lista dinamica slideshow
Personalizza l'aspetto della lista dinamica slideshow in modo che si adatti allo stile del cliente. Puoi aggiungere un colore di sfondo alle slide, incorniciare lo slideshow con un bordo e applicare un'ombra per farlo risaltare.
Per progettare il design della lista dinamica slideshow:
- Seleziona la lista dinamica slideshow
- Clicca sull'icona Apri Ispezione
in alto a destra dell'Editor
![Screenshot dell'apertura del pannello Ispezione nell'Editor Studio](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/d6b40156-9694-4cfe-9209-54815ef9d6dc/2024/03/07/ed25ff0f-6b3d-4d1c-9155-e9b1c788a0b5/326f9801-aa4e-4ca8-8989-360b80ec33f2.png)
- Scegli cosa fare dopo:
- Seleziona un colore di sfondo per le slide e impostane l'opacità
- Aggiungi un bordo per incorniciare lo slideshow
- Rendi gli angoli dello slideshow più arrotondati o squadrati
- Aggiungi un'ombra dietro lo slideshow
![Le opzioni di design dello slideshow disponibili nel pannello Ispezione](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/328669c8-70b6-4f6a-a30d-3a606127dcd6/4e678776-7224-4ce8-8cf7-a72ac3c0cd4c.png)
Personalizzare i tasti di navigazione
Le liste dinamiche slideshow sono dotate di 2 tasti integrati, che consentono ai visitatori di navigare tra le slide. Puoi sostituire le icone, regolarne le dimensioni e aggiungere un testo utile accanto ai tasti (es. "Precedente", "Successiva").
Puoi anche rimuovere completamente i tasti in modo che i visitatori non abbiano la possibilità di tornare indietro o andare avanti. Vai al pannello Impostazioni slideshow per nasconderli.
Per personalizzare i tasti di navigazione:
- Seleziona la lista dinamica slideshow
- Seleziona un tasto di navigazione
Suggerimento: non importa in quale slide ti trovi, le impostazioni si applicano a tutte le slide - Clicca su Modifica testo e icona per sostituire l'icona e aggiungere testo al tasto
![Le opzioni di personalizzazione disponibili visualizzate nella barra degli strumenti quando si seleziona un tasto di navigazione](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/8696077d-830a-4b1e-bd86-9df98f89994a/2023/07/31/b9ea0094-3313-47fe-9494-351a43064d5e/d3d00fa2-81dc-4e1f-936e-e481e50da8fa.png)
Hai trovato utile questo articolo?
|