Download Now Download Themes Gratis WordPress Responsive!

Cara Menambahkan Icon di Menu WordPress

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.

menu gambar icon wordpressUntuk 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.

screen option menu wordpess

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.

class menu homeSetelah 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 Google+.

Daftar isi Tutorial Wordpress Terlengkap Gratis
10 top hosting!

Register Now: TOP 10 Hosting

Dapatkan Hosting Murah dengan Kualitas Terbaik. For Serious Blogger! View Deals

Bluehost Hosting

$2.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

iPage Hosting

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

SiteGround Hosting

$3.45/Month Free Domain, Unlimited Space & Bandwidth Get Host

WebHostingPad

$1.99/Month Free Domain, Unlimited Space & Bandwidth Get Host

Hostgator

$3.95/Month Free Domain, Unlimited Space & Bandwidth Get Host

  • Kudakulen14

    Membantu banget, makasih kak!!^^

    • sama-sama semoga bermanfaat. ๐Ÿ™‚

Must Read...!
Theme WordPress Cell Responsive Free

Cell adalah theme wordpress responsive gratis yang di desain untuk fotografi dan photoblogging. ini...

10 Tool Terbaik Google untuk SEO Situs Anda

Sebagai salah satu mesin pencari paling populer dan banyak digunakan, Google telah merilis banyak...

Close