Home » Ask (Forum) » Bagaimana Membuat Menu WordPress Memiliki Icon?

Question

Hi, perkenalkan saya waskito, dan saya ingin belajar mengenai wordpress dan isinya. Saat ini saya sudah memiliki 1 buah blog yang berisi informasi tentang teknologi. Dan saya ingin menambahkan icon di bagian menu seperti gambar yang saya tampilkan di bawah. Tetapi berhubung ilmu saya masih seadanya saya mohon bimbingannya kepada teman – teman semua?

Aug 29, 2016 (3 months ago) - Posted by 1 Comment

One Answer

  1. hadak says:

    Hi,

    Untuk menambahkan icon seperti gambar diatas, anda hanya tinggal menginstall plugins Font Awesome 4 Menus, ini adalah plugin mengagumkan Icon untuk menu WordPress anda tanpa menyentuh satu baris kode! Dengan plugin ini, hanya menambahkan fa (nama icon) sebagai class untuk menu anda dan plugin akan menampilkannya.

    MENAMPILKAN ICON MENU WORDPRESS

    Untuk menampilkan icon pada menu wordpress anda, yang perlu anda lakukan adalah dengan menginstall dan mengatifkan plugins Font Awesome 4 Menus. Setelah itu kunjungi situs font awesome, dan cari daftar class icon yang ingin anda tampilkan disini. Jika sudah ketemu sekarang masuk ke Appearance » Menus. Klik Screen option yang berada di kanan atas dan centang Css Classes.

    Setelah anda mencentang CSS Classes pada screen options menu, sekarang buka menu yang ingin anda beri icon, pada contoh ini saya akan memasukkan class fa fa-home pada menu home. Lihat gambar dibawah ini.

    Setelah anda menambahkan class seperti diatas, sekarang simpan menu yang anda edit dan sekarang lihat situs wordpress anda, pasti akan muncul icon pada menu.

    Selain menampilkan icon pada menu wordpress, plugin ini juga bisa menampilkan icon pada konten anda, karena plugin ini telah memberikan shortcode untuk menambahkan Ikon ke posting dan halaman. Sebagai contoh shortcode : [fa class=”fa-home”].

    Register Member

Your Answer

Your email address will not be published. Required fields are marked *