Ingin menarik perhatian pengunjung ke item menu tertentu di header WordPress Anda dengan notifikasi “New”? Anda dapat melakukannya dengan mudah menggunakan script berikut. Artikel ini akan menjelaskan cara menggunakan script ini serta cara menyesuaikan tampilannya agar sesuai dengan desain menu header Anda.
Apa yang Akan Dilakukan Script Ini?
Script ini dirancang untuk menambahkan notifikasi “New” di sudut kanan atas item menu tertentu di header situs WordPress Anda. Ini merupakan cara efektif untuk menyoroti item menu baru atau penting.
Cara Menggunakan Script Ini
Ikuti langkah-langkah berikut untuk menerapkan script ini ke situs WordPress Anda:
Lelah dengan iklan? Hanya dengan IDR 833 / hari, buka konten eksklusif dan nikmati pengalaman tanpa iklan. Selengkapnya.
- Buka Berkas Functions.php:
- Masuk ke Dashboard WordPress Anda.
- Arahkan ke Appearance > Theme Editor.
- Cari dan buka berkas functions.php dari tema aktif Anda.
- Salin dan Tempel Script:
- Salin script di bawah dan tempelkan ke dalam berkas functions.php:
- Ganti ID Menu:
- Di dalam script, ada bagian
code
Gantilah
code
dengan ID atau class menu yang ingin Anda beri notifikasi ‘New’. ID menu dapat ditemukan melalui alat inspeksi di browser Anda. 
- Di dalam script, ada bagian
- Sesuaikan Gaya Bubble:
code
dan
code
: Nilai default untuk
code
adalah
code
dan untuk
code
adalah -5px. Anda mungkin perlu menyesuaikan nilai-nilai ini agar sesuai dengan desain menu Anda.
code
mengatur jarak bubble dari bagian atas item menu, sedangkan right mengatur jarak bubble dari tepi kanan item menu. Sesuaikan nilai-nilai ini agar bubble terlihat sesuai dengan tata letak menu Anda.- Warna dan Ukuran: Anda juga bisa mengubah
code
, dan
code
untuk menyesuaikan tampilan bubble agar sesuai dengan tema situs Anda.
- Simpan Perubahan:
- Setelah menempelkan script dan mengganti ID menu, simpan perubahan di berkas functions.php.
Konten kode ini eksklusif untuk member PRO atau pembeli akses
Result:
Kesimpulan
Dengan mengikuti langkah-langkah di atas, Anda dapat dengan mudah menambahkan bubble ‘New’ pada item menu tertentu pada situs anda. Pastikan untuk menyesuaikan posisi dan gaya bubble agar sesuai dengan desain menu Anda. Jangan lupa untuk menguji perubahan Anda di situs untuk memastikan semuanya berfungsi dengan baik
Lelah dengan iklan? Hanya dengan IDR 833 / hari, buka konten eksklusif dan nikmati pengalaman tanpa iklan. Selengkapnya.
Tidak tahu di mana menambahkan snippet ini? Baca panduan kami: Cara menambahkan snippets.
(adsbygoogle = window.adsbygoogle || []).push({});
(adsbygoogle = window.adsbygoogle || []).push({});
Lelah dengan iklan? Hanya dengan IDR 833 / hari, buka konten eksklusif dan nikmati pengalaman tanpa iklan. Selengkapnya.
Lelah dengan iklan? Hanya dengan IDR 833 / hari, buka konten eksklusif dan nikmati pengalaman tanpa iklan. Selengkapnya.
...
