Editor Wix: personalizzare e adattare la tua animazione Lottie
Tempo di lettura: 3 min.
Dopo aver importato un'animazione Lottie, regolala perché appaia e si comporti come vuoi. Puoi decidere se riprodurre in loop o solo una volta e applicare un effetto in modo che l'animazione si distingua durante il caricamento della pagina.
![](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/0f903482-2402-4abb-aea7-5d1be7ecb13b/4699b29f-f539-4403-8bc8-959d4e7733e4.gif)
In questo articolo, scoprirai come:
Modificare l'animazione di Lottie
Se vuoi modificare l'animazione di Lottie, puoi farlo facilmente incollando un URL diverso nel pannello delle impostazioni dell'elemento.
Per modificare l'animazione:
- Accedi al tuo account LottieFiles e copia il link dell'animazione
- Clicca sull'elemento Lottie nel tuo Editor
- Clicca sull'icona Impostazioni
- Incolla il nuovo URL in Qual è l'URL dell'animazione?
- Premi Invio sulla tastiera
![Il pannello Lottie settings Il cursore si trova sul campo dell'URL.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/90890383-99b9-45a3-ae47-77b782a6e53d/37fb6007-5cdb-4538-9928-1b1be0096652.png)
Suggerimento:
Cliccando su Cambia animazione verrai indirizzato direttamente a LottieFiles in una nuova scheda del browser.
Impostare l'animazione in modo che venga riprodotta in loop
A seconda dello stile del tuo sito, potresti voler impostare l'animazione in modo che venga riprodotta in loop. Ciò significa che viene riprodotto di continuo mentre i visitatori sono sulla pagina. Puoi anche disattivare l'impostazione, in modo che venga riprodotta solo una volta al caricamento delle pagine.
Per abilitare/disabilitare un effetto loop:
- Clicca sull'animazione Lottie nel tuo Editor
- Clicca sull'icona Impostazioni
- Clicca sul cursore accanto a Riproduzione ininterrotta per attivarlo o disattivarlo
![Il pannello delle impostazioni di lottie. Il cursore passa sopra l'interruttore](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/fc039d96-366b-4b6f-a85a-88d16a1d6ea1/3f72dfce-0f13-48c3-a5a8-792d546d0f9f.png)
Aggiungere ulteriori effetti di animazione
Gli elementi incorporati di Lottie hanno i loro effetti di animazione. Tuttavia, puoi aggiungere un'ulteriore animazione di ingresso dall'Editor Wix. Questi effetti vengono visualizzati al caricamento del sito e non annullano né impediscono la riproduzione dell'animazione originale.
Per aggiungere ulteriori effetti di animazione:
- Clicca sull'animazione Lottie nel tuo Editor
- Clicca sull'icona Animazione
- Scegli un effetto dal pannello
- (Facoltativo) Clicca su Personalizza per regolare le impostazioni dell'effetto
![Il pannello di animazione. Il cursore ha cliccato sull'effetto](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/bb9ba8e4-1c20-46c2-8825-dbada0d05f60/6cafdfa1-b03e-4a46-916a-dcac7610fbfd.png)
Hai cambiato idea?
Puoi rimuovere l'effetto di animazione aggiuntivo cliccando su Nessuno nel pannello.
Aggiungere testo alternativo alla tua animazione Lottie
Il testo alternativo è una descrizione scritta del tuo elemento. Aggiungendo del testo alternativo alla tua animazione Lottie, ti assicuri che possa essere letto dagli screen reader e dai motori di ricerca, che possono migliorare l'accessibilità del tuo sito e il posizionamento SEO.
Per aggiungere del testo alternativo all'animazione:
- Clicca sull'animazione Lottie nel tuo Editor
- Clicca sull'icona Impostazioni
- Digita o incolla la descrizione del testo in Scrivi il testo alt dell'animazione
- Premi Invio sulla tastiera
![Il pannello delle impostazioni di lottie. Il cursore si trova sul campo di testo alternativo.](https://d2x3xhvgiqkx42.cloudfront.net/12345678-1234-1234-1234-1234567890ab/651c25b0-2d60-43c8-addf-1df2fd575568/2022/05/16/7db5dd5f-d500-486d-ac57-cba5dabde28d/d70c2040-bccb-4df2-9864-43927bd9c8b8.png)
Hai trovato utile questo articolo?
|