Editor Studio: aggiungere e personalizzare i file di animazione Lottie
4 min
In questo articolo
- Importare animazioni da LottieFiles
- Modificare l'animazione Lottie
- Impostare l'animazione in modo che venga riprodotta ininterrottamente
- Aggiungere alt text a un'animazione Lottie
LottieFiles è un'ottima fonte di animazioni di alta qualità da aggiungere al sito dei tuoi clienti. Dopo aver importato l'animazione tramite il suo URL, puoi ridimensionarla in base alle tue esigenze e decidere se viene riprodotta ininterrottamente o meno.
Prima di iniziare:
Per importare un'animazione, devi avere un account LottieFiles.
Importare animazioni da LottieFiles
Aggiungi tutte le animazioni Lottie di cui hai bisogno per ravvivare il tuo design. Dopo aver salvato un'animazione nel tuo spazio di lavoro in LottieFiles, puoi copiare l'URL JSON e incollarlo direttamente nell'Editor Studio. L'animazione viene aggiunta istantaneamente come nuovo elemento della pagina.
In alternativa, puoi aggiungere un nuovo elemento Animazione Lottie e incollare l'URL pertinente nel pannello Impostazioni.
Importante:
Wix supporta solo gli URL Lottie in formato JSON.
Per aggiungere un elemento Animazione Lottie:
- Clicca su Aggiungi elementi sul lato sinistro dell'Editor
- Clicca su Media
- Clicca su Lottie
- Clicca sull'icona Aggiungi al sito accanto ad Animazione Lottie
- (In una scheda separata del browser) Copia l'URL JSON dell'animazione salvata dal tuo account LottieFiles
- Incolla l'URL dell'animazione nell'Editor:
- Clicca sull'elemento Lottie nell'Editor
- Clicca sull'icona Impostazioni
- Incolla l'URL sotto Qual è l'URL dell'animazione?
- Premi Invio sulla tastiera
sul lato sinistro dell'Editor
accanto ad Animazione Lottie
Qual è il prossimo passo?
Clicca su Anteprima animazione nella parte superiore del pannello Impostazioni per vedere come appare prima della pubblicazione.
Lavorare con i punti di interruzione:
Puoi personalizzare le dimensioni dell'animazione Lottie per punto di interruzione, in modo che appaia ideale su ogni schermo.
Modificare l'animazione Lottie
Se vuoi passare a un'animazione Lottie diversa, puoi farlo facilmente incollando il nuovo URL nel pannello Impostazioni dell'elemento.
Per modificare l'animazione:
- Seleziona l'elemento animazione Lottie
- Clicca sull'icona Impostazioni
- Incolla l'URL della nuova animazione sotto Qual è l'URL dell'animazione?
Impostare l'animazione in modo che venga riprodotta ininterrottamente
Puoi scegliere la modalità di riproduzione dell'animazione Lottie sul sito del tuo cliente: se viene riprodotta una sola volta o in loop.
Per impostare la modalità di riproduzione dell'animazione:
- Seleziona l'elemento animazione Lottie
- Clicca sull'icona Impostazioni
- Clicca sull'interruttore Riproduzione in loop per attivarlo o disattivarlo
Aggiungere alt text a un'animazione Lottie
Dal pannello Impostazioni, aggiungi un testo alternativo per descrivere brevemente l'animazione e/o il sito. Questo può migliorare il posizionamento SEO del sito aiutando gli utenti che utilizzano gli screen reader per capire cosa mostra l'animazione.
Per aggiungere un testo alternativo all'animazione:
- Seleziona l'elemento animazione Lottie
- Clicca sull'icona Impostazioni
- Scorri verso il basso fino a Testo animazione
- Inserisci la descrizione del testo in Scrivi il testo alt dell'animazione
- Premi Invio sulla tastiera
Dovresti sapere che:
Sui siti Wix sono supportati solo i file Lottie in formato JSON. Per motivi tecnici, non tutti i campi dei file sui file JSON possono essere contenuti. Le animazioni Lottie potrebbero quindi avere un aspetto leggermente diverso su un sito Wix live (es. mostrando una gamma o una quantità di movimento ridotta).