Apakah Anda ingin menyoroti item tertentu di menu WordPress Anda? Dalam artikel ini, kami akan membahas cara membuat menu berkedip di situs WordPress Anda. Terdapat dua metode yang dapat Anda gunakan: dengan menggunakan CSS atau gambar GIF. Ikuti langkah-langkah di bawah ini untuk mengetahui caran
Metode 1: Menggunakan CSS
1. Tambahkan Kode CSS:
– Masuk ke dashboard WordPress Anda.
– Buka **Appearance** > **Customize**.
– Klik pada **Additional CSS**.
– Salin dan tempel kode CSS berikut:
css
.blinking {
animation: blinkingmenu 0.9s infinite;
}
@keyframes blinkingmenu {
0% { color: #000000; }
49% { color: #ffffff; }
60% { color: #ffeb00; }
99% { color: #f95e68; }
100% { color: #ffffff; }
}
.border {
background-color: red;
border-width: 2px;
border-radius: 8px;
font-size: 12px;
padding: 8px;
}
2. Terapkan Kelas Blinking pada Item Menu:
– Buka Appearance > Menus.
– Pilih item menu yang ingin Anda buat berkedip.
– Di kolom CSS Classes, tambahkan `blinking`. Jika Anda tidak melihat kolom CSS Classes, klik pada Screen Options di kanan atas dan centang kotak CSS Classes.
Metode 2: Menggunakan Gambar GIF
1. Unduh atau Buat GIF:
– Unduh GIF berkedip dari sumber yang dapat dipercaya atau buat sendiri menggunakan alat daring seperti Ezgif.
2. Unggah GIF ke WordPress:
– Buka Media > Add New.
– Unggah gambar GIF Anda.
3. Tambahkan GIF ke Menu:
– Buka Appearance > Menus.
– Pilih item menu yang ingin Anda buat berkedip.
– Tambahkan gambar GIF ke item menu dengan menggunakan kolom Navigation Label atau Description.
– Sebagai alternatif, Anda dapat mengedit item menu dan menambahkan tag HTML gambar yang mengacu pada URL gambar GIF.
Contoh Kode untuk Menambahkan GIF:
“`html
<a href=”tautan-anda-di-sini”>
<img src=”path-ke-gambar-gif-anda.gif” alt=”Kursus Baru”>
</a>
“`
Catatan Penting:
– Tutorial Video: Pastikan Anda menonton tutorial video yang telah kami sediakan untuk instruksi yang lebih rinci.
– Pengubahan Ukuran GIF: Jika Anda perlu mengubah ukuran GIF, gunakan alat seperti Ezgif.
Pemecahan Masalah:
– CSS Tidak Berfungsi: Jika CSS tidak berlaku, pastikan tema Anda mendukung CSS khusus dan nama kelas telah diterapkan dengan benar.
– GIF Tidak Tampil: Periksa jalur gambar dan pastikan GIF telah diunggah dengan benar ke perpustakaan media.
Dengan mengikuti langkah-langkah ini, Anda dapat membuat menu berkedip yang menarik di WordPress, sehingga menarik perhatian pada item menu penting seperti kursus baru atau penawaran spesial. Jika Anda memiliki pertanyaan atau mengalami masalah, jangan ragu untuk meminta bantuan di komentar atau bagikan artikel ini dengan teman-teman Anda yang mungkin membutuhkannya.
Berlangganan untuk Lebih Banyak Tips WordPress
Jika Anda menikmati artikel ini dan ingin mendapatkan lebih banyak tips dan tutorial tentang WordPress, jangan lupa untuk berlangganan newsletter kami. Dengan berlangganan, Anda akan mendapatkan akses ke konten eksklusif dan pembaruan terbaru langsung di kotak masuk Anda.