Pada artikel ini, Saya memberikan sedikit tutorial tentang bagaimana cara menambahkan animasi CSS di WordPress tanpa menggunakan kode apa pun. Sobat dapat menggunakan animasi CSS untuk menghidupkan fitur produk atau tombol ajakan bertindak. Banyak situs web menggunakan animasi CSS saat pengguna menggulir ke bawah halaman.
Animasi CSS juga lebih cepat daripada flash atau video. Mereka memuat dengan cepat dan didukung oleh semua peramban web. Sobat dapat menambahkan animasi CSS secara manual ke lembar tema tema atau tema tema tema WordPress Sobat. Namun, sebagian besar pengguna baru wordpress tidak ingin mengedit file tema mereka atau menghabiskan waktu untuk belajar CSS. marikita lihat bagaimana Sobat dapat menambahkan CSS animasi untuk situs WordPress Sobat.
Install CSS Animate Plugin!
Hal pertama yang perlu Sobat lakukan adalah menginstal dan mengaktifkan Animate it! plugin Ini memungkinkan Sobat membuat animasi CSS menggunakan editor WYSIWYG. Sekarang buatlah sebuah posting baru, dan Sobat akan melihat tombol baru di editor visual WordPress Sobat yang diberi label. ‘Animate it!’.
Sekarang ketika Sobat Klik pada tombol akan menunjukkan satu popup di mana Sobat dapat merancang animasi CSS Sobat.
Sekarang, Pertama Sobat perlu memilih gaya animasi. Kemudian pilih animation delay dan lama waktu. Dan terakhir Sobat perlu memilih kapan Sobat ingin animasi muncul.
Plugin ini berjalan dengan tiga pilihan yaitu animasi di klik, hover, atau scroll.
Setelah selesai dengan pengaturannya, Sobst bisa klik tombol Animate it untuk melihat preview animasinya.
Sekarang, klik pada tombol insert untuk menambahkan animasi ke dalam postingan atau halaman WordPress Sobat. Sobat akan melihat bahwa plugin akan menambahkan kode pendek dengan beberapa konten dummy di dalamnya ke editor posting.
Sekarang, Sobat perlu menghapus konten dummy di dalam kode pendek, dan mengubahnya dengan konten, gambar, atau hal lain yang ingin Sobat tampilkan. Contoh di bawah ini misalnya:
Sekarang klik Save untuk menyimpan atau mempublikasikan posting dan kemudian klik pada tombol preview, Sobat akan melihat animasi css di konten Sobat.
Kami berharap artikel ini membantu Sobat untuk memahami bagaimana menambahkan animasi css di situs Wordpress.
Jika ada kesulitan silahkan tinggalkan komentar di kolom Komentar.
Baca Artikel Menarik lainnya
Loading...