Blocchi di Kadenceè stato aggiunto un popolare plug-in per la raccolta di blocchi un nuovo blocco Animazioni Lottie oggi nella versione 2.2.4. La maggior parte dei blocchi nel plug-in offre funzionalità di creazione di pagine comunemente utilizzate come righe, pulsanti, gallerie e testimonianze. Il blocco Lottie Animations introduce qualcosa di un po’ più divertente e stravagante.

Sviluppato dal team di progettazione di Airbnb, Lottie è un formato di file di animazione open source leggero, apprezzato sia dagli sviluppatori che dai designer. È più leggero dei vecchi formati di grafica animata e più veloce da manipolare. Il formato vettoriale consente di aumentare o ridurre le animazioni senza perdere la qualità. Il LottieFiles platform è una community in cui designer e sviluppatori condividono le loro creazioni affinché altri possano utilizzarle.

Il nuovo blocco Lottie di Kadence Blocks consente agli utenti di WordPress di utilizzare e personalizzare facilmente le animazioni di Lottie. Non è il primo plugin a offrirli. Le animazioni di Lottie sono disponibili per gli utenti di Elementor Pro e sono incluse in alcune altre raccolte, come Gutenberg Blocks e Template Library di Otter e Ultimate Addons per Gutenberg, nonché il plug-in Lottie Player.

Le animazioni di Lottie possono essere aggiunte al contenuto di WordPress incollando il collegamento oembed nell’editor o utilizzando il blocco embed, come vedi in questa pagina. Lo svantaggio di usarli in questo modo è che non otterrai alcun controllo per modificarne l’aspetto e il movimento.

L’implementazione di Kadence Block è nella versione gratuita del plugin e include controlli di blocco per personalizzare ulteriormente le animazioni. Gli utenti possono regolare le impostazioni di riproduzione, come la riproduzione automatica, attivare/disattivare i controlli e modificare la velocità di riproduzione e le impostazioni del loop. Le dimensioni, il riempimento e i margini dell’animazione possono essere tutti personalizzati.

Quando si utilizza per la prima volta il blocco, per impostazione predefinita viene visualizzato un segnaposto del logo WordPress animato, ma è possibile sostituire l’URL nelle impostazioni del blocco con uno di LottieFiles se si trova quello che si desidera utilizzare.

Le animazioni possono essere referenziate nel blocco utilizzando un URL remoto (probabilmente il più comune) o utilizzando un file locale. La funzione ha anche una propria schermata di amministrazione in cui puoi gestire tutte le tue animazioni.

I controlli dimostrano quanto siano scalabili le animazioni, indipendentemente dal fatto che siano impostate su tutta la larghezza o ridotte a una piccola icona. Rispondono bene ai controlli di allineamento dei blocchi e possono essere utilizzati in qualsiasi contenuto in cui sono consentiti blocchi o anche all’interno di modelli.

Il blocco richiede che Lottie Player JS carichi e analizzi le animazioni basate su JSON, ma il rappresentante di Kadence WP Kathy Zant ha affermato che il successo delle prestazioni è modesto rispetto alle precedenti tecnologie di animazione.

Le animazioni di LottieFiles possono essere modificate sul sito Web per cambiare il colore di sfondo o modificare i colori del livello di animazione. Gli utenti possono esportare il file aggiornato come Lottie JSON da importare in blocchi. In alternativa alla creazione di animazioni Lottie da zero, questo potrebbe essere un modo per ricolorare le animazioni esistenti in modo che corrispondano al tuo marchio. Questi file possono essere scaricati e importati nel blocco Kadence Lottie per aggiungere animazioni accattivanti che funzioneranno su qualsiasi dispositivo.