Kadence Blocks adalah salah satu plugin populer yang berisi kumpulan block yang bisa digunakan dengan mudah di block editor. Beberapa diantaranya adalah row, button, gallery, tab, dan masih banyak lagi yang lainnya.
Mulai dari versi 2.2.4, Kadence Blocks menambahkan block baru, yaitu Lottie Animations Block. Block ini berfungsi untuk menambahkan animasi Lottie kedalam konten yang sedang dibuat.
Contohnya adalah animasi logo WordPress berikut ini. Ini adalah animasi default ketika Anda menggunakan block ini. Cukup menarik bukan?
Mengenal Lottie Animations
Lottie dikembangkan oleh tim desain yang ada di Airbnb. Lottie adalah animasi yang sangat ringan dan merupakan sebuah open source file format yang cukup populer. Lottie lebih ringan dari kebanyakan format animasi lama dan sangat mudah untuk dikustomisasi.
Ada platform LottieFiles jika Anda ingin menggunakan animasi yang dibuat oleh desainer lain. Platform ini adalah platform yang berbasis komunitas.
Kadence Lottie Animations Block
Lottie block yang dihadirkan pada versi 2.2.4 membuat pengguna WordPress mudah dalam menambahkan animasi kedalam konten yang sedang dibuat. Kadence block bukan yang pertama menghadirkan animasi Lottie, animasi ini sudah terlebih dulu ada di plugin lain seperti Elementor Pro, Gutenberg Blocks and Template Library by Otter dan Ultimate Addons for Gutenberg.
Sebenarnya animasi Lottie bisa ditambahkan ke WordPress dengan menggunakan fitur embed yang ada di WordPress, yaitu dengan copy paste link animasi kedalam editor menggunakan embed block. Namun dengan menggunakan cara ini Anda tidak bisa mengontrol waktu playback.
Berbeda jika Anda melakukannya menggunakan Kadence Blocks. Meskipun ada pada versi gratis, Kadence Block tetap memasukkan beberapa parameter untuk mengontrol animasi, seperti autoplay, waktu playback, waktu jeda animasi. Anda bahkan bisa mengatur ukuran dari animasi tersebut.
Gambar di atas adalah tampilan default jika Anda menggunakan Lottie animations block. Anda bisa menggantinya dengan animasi yang lain, caranya cukup dengan mengganti URL yang ada di setingan block tersebut dengan URL yang Anda dapatkan dari LottieFiles.
