Dengan kehadiran Font Awesome menampilkan icon di sebuah website atau blog begitu terasa mudah, kita tidak perlu lagi cari gambar hanya untuk menampilkan icon untuk memperindah situs web kita. Berhubungan dengan Font Awesome, Tentunya anda pernah mengunjungi sebuah situs yang mempunyai menu dengan di tambahi pemanis icon di sebelah tulisan menu tersebut. Anda ingin membuatnya juga di situs wordpress anda? Pada artikel kali ini saya akan menunjukkan cara mudah menambahkan Icon pada menu wordpress. Lihat contoh menu wordpress dengan icon font awesome dibawah ini.

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.

Baca : Cara Menampilkan Icon Font di Post Editor WordPress

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”].

Semoga artikel di atas dapat membantu anda untuk menambahkan icon pada menu wordpress anda. 🙂

Baca : Cara cepat membuat Custom Icon Media Social Web

Baca : Cara Menampilkan Menu Deskripsi WordPress

Anda Terbantu artikel ini? Silahkan bergabung dengan centerklik di Twitter dan Facebook+.