CARA MENAMBAHKAN ICON PADA MENU WORDPRESS

1357
CARA MENAMBAHKAN ICON PADA MENU WORDPRESS

Dengan adanya Font Awesome, untuk dapat menampilkan icon pada sebuah website maupun blog terasa begitu mudah, kita tidak perlu lagi untuk mencari gambar hanya untuk dapat menampilkan sebuah icon untuk memperindah navigasi situs web kita. Berhubungan Font Awesome, Tentunya anda sudah pernah mengunjungi situs yang mempunyai menu yang di tambahi pemanis icon pada sebelah tulisan menu itu. Anda ingin membuat seperti itu juga? Pada artikel kali ini saya aka coba memberikan cara mudah untuk membuatseperti itu. Lihatlah pada contoh menu wordpress ini dengan icon font awesome pada gambar dibawah ini:

CARA MENAMBAHKAN ICON PADA MENU WORDPRESS

Untuk dapat menambahkan icon seperti gambar yang ada diatas, anda hanya perlu menginstall plugins Font Awesome 4 Menus pada wp anda, plugin ini sangat mengagumkan dalam urusan Icon untuk menu WordPress tanpa diwajibkan mengerti berbaris baris kode! Dengan plugin satu ini, hanya hanya akan menambahkan fa (nama icon) sebagai class pada menu anda lalu plugin akan segera menampilkannya.

MENAMPILKAN ICON PADA MENU

Untuk dapat menampilkan icon di menu wordpress, yang harus anda lakukan adalah menginstall serta mengatifkan plugins Font Awesome 4 Menus. Selanjutnya kunjungi situs font awesome, kemudian cari daftar class icon yang hendak anda tampilkan. Jika telah ketemu sekarang anda masuk ke menu Appearance » Menus. Klik pada Screen option yang berada pada kanan atas lalu centang Css Classes.

CARA MENAMBAHKAN ICON PADA MENU WORDPRESS

Setelah anda mencentang kotak CSS Classes yang terdapat pada screen options menu, sekarang anda buka menu yang hendak anda berikan icon, pada contoh saya memasukkan class fa fa-home di menu home. Lihat pada gambar dibawah ini:

CARA MENAMBAHKAN ICON PADA MENU WORDPRESSSetelah anda selesai menambahkan class seperti yang ada diatas, sekarang anda simpan menu yang telah di edit dan segera lihatlah hasilnya.

Selain untuk menampilkan icon pada menu wordpress, plugin ini juga dapat digunakan untuk memberi icon pada konten, karena plugin ini juga dapat memberikan shortcode yang mendukung untuk penggunaan pada posting. Sebagai contohnya shortcode : [fa class=”fa-home”].

 

Baca juga: CARA MENAMPILKAN WAKTU POSTING WORDPRESS SEPERTI DI TWITTER

0
0%
like
0
0%
love
0
0%
haha
0
0%
wow
0
0%
sad
1
100%
angry