Assalamualaikum wr wb, pada tulisan kali ini saya akan sharing cara memasang animation GIF di WordPress. Tetapi terlebih dahulu saya akan memberikan sedikit penjelasan tentang apa itu GIF. GIF (Graphics Interchange Format) merupakan sebuah format grafis yang mampu menyimpan gambar dengan background transparan dan bisa membentuk animasi yang sederhana. Sebagai Blogger saya sering memasang GIF pada tulisan yang saya buat karena dapat mengilustrasikan perubahan apa yang terjadi pada sebuah proses.
Pada waktu yang lalu saya pernah mencoba memasang GIF pada salah satu tulisan saya, tetapi ketika saya publish, GIF tersebut tidak mau bergerak animasinya. Padahal file yang saya upload sudah benar. Setelah saya baca-baca ternyata ada beberapa proses yang di lakukan oleh wordpress pada waktu kita mengupload file gambar.
Cara Memasang animation GIF di WordPress
Pada waktu kita mengupload sebuah gambar, wordpress akan otomatis akan menggenerate gambar thumbnail dengan ukuran yang berbeda beda. Nah inilah yang mengakibatkan animasi gif tidak dapat bergerak karena kita salah menentukan ukuran gambar yang akan di attach. Jika anda memilih ukuran yang tidak sesuai dengan dimensi GIF yang anda upload, maka gambar yang ter attach bukanlah GIF, tetapi file jpeg yang di generate oleh WordPress.
Fix It
Untuk memperbaiki hal tersebut ternyata ada konfigurasi yang harus kita lakukan pada waktu akan meng attach pada postingan kita. Perhatikan settingan berikut pada kotak dialog insert media.
Arahkan cursor pada pojok kiri bawah pada kotak dialog insert media, scroll down kebawah sampai anda menemukan attacment display setting.
Cara Memasang animation GIF di WordPress
Setelah itu kemudian pastikan ukuran gambar nya adalah full size agar yang ter attach bukan thumbnailnya.
Cara Memasang animation GIF di WordPress
Kemudian pilih insert to post, berikut adalah hasilnya. Tadaa 😀 .
Cara Memasang animation GIF di WordPress
Ini adalah hal simple, tetapi mudah mudahan dapat membantu anda dalam menulis Blog. Sekian tutorial dari saya, semoga dapat bermanfaat. Terimakasih.
Sumber :
https://id.wikipedia.org/wiki/Graphics_Interchange_Format
ilustrasi dari https://daneden.github.io/animate.css/
