Menambahkan logo / icon di menu wordpress dengan Font Awesome 4 Menus

0
705

dewa web

Kali ini saya akan membahas tentang, bagaimana cara menambahkan logo / icon di menu wordpress dengan plugin Font Awesome 4 Menus.

Menu yang menggunakan logo / icon sangatlah menarik saat di lihat oleh penggunjung website  kita. di samping itu juga menambah kesan profesional tampilan website yang kita miliki.

Untuk lebih jelasnya, saya akan memberikan tutorial lengkap cara menambahkan logo / icon di menu wordpress dengan plugin Font Awesome 4 Menus di bawah ini :

Silahkan login di wp-admin sobat ( domainanda.com/wp-admin )

selanjutnya pilih Plugin, klik Tambah baru 

Search kata kunci Font Awesome 4 Menus

Kalau sudah ketemu, silahkan install dan aktifkan

setelah plugin Font Awesome 4 Menus di aktifkan, berikutnya cari Tampilan, klik Menu 

setelah masuk, sobat aktifkan Kelas CSSnya, dengan cara klik Opsi Layar , centang Kelas CSS

Untuk berikutnya, sobat akan menambahkan script icon di menu.

cari menu yang sobat sudah susun, kita masukkan script icon di kelas-kelas CSS

Untuk mencari script icon yang akan sobat masukkan di kelas-kelas CSS, silahkan kunjungi fontawesome.io , berikutnya klik Icon 

Icon / logo akan muncul semua, seperti gambar di bawah ini. berikutnya kita akan mengambil script dari icon yang kita pilih, dengan cara klik salah satu icon / logo

ambil script ( lihat gambar di bawah ini ) yang saya tandai untuk di masukkan ke kelas-kelas CSS

Jika sudah selesai, klik save . Untuk sobat yang sudah mengikuti panduan dari awal sampai akhir, jika berhasil tampilan menu akan seperti gambar di bawah ini :

Cukup mudah bukan ?, Tampilan website sobat akan terkesan lebih menarik dan profesional.

Selamat Mencoba.

 

Baca Juga :

Cara menghindari Copy Paste artikel menggunakan plugin WP-CopyProtect

Cara merubah nama dan alamat Email admin WordPress atau Email default WordPress

Tips cara memunculkan tab Visual dan Teks di posting wordpress

Cara mudah install dan setting plugin Woocommerce di wordpress