3 Tahap Menambah Icon Menu WordPress dengan Font Awesome

Mempercantik tampilan blog wordpress dengan banyak cara. Salah satunya dengan menambahkan icon menu dengan font awesome. Font Awesome adalah kumpulan icon vector yang ada sebanyak 1.460 icon yang bisa kita gunakan. Icon font awesome ini diupdate secara rutin sehingga kita akan bisa menemukan icon – icon baru di sana.

Menu navigasinya wordpress dengan menggunakan icon fontawesome akan tambah keren. Cara untuk menambahkan icon tersebut sangatlah simpel dan tidak butuh plugin alias bisa kerjakan secara manual. Kok bisa? Ya bisa, mas, kan kita bisa edit di “dalemannya” blog kita. Kita akan menggunakan website icon free font awesome, di sana kita akan banyak menemukan icon – icon yang bisa kita pakai dengan free. Kita akan menemukan 2 jenis icon di font awesome yaitu free icon dan paid icon.

Persiapan yang harus dilakukan

  1. Kita harus akses terkebih dahulu untuk website Fontawesome untuk mendapatkan icon terbaru dari font awesome.start using free icon
  2. Nah kita klik saja Start Using Free untuk melakukan akses kode html yang akan kita sematkan nanti blog wordpress kita. Kodenya seperti yang di bawah ini ya teman – teman ikirangga, nanti bisa disesuaikan saja ya dengan versi yang dikeluarkan oleh icon font awesome.

Eksekusi kode di dalam theme wordpress

  1. Pertama kali kita harus buka file manager untuk blog kita yang di akses dari Cpanel masing – masing. Nah di sini teman – teman harus hati dalam penggantian atau penambahan kode ya.
  2. Sekarang kita buka folder theme yang berada di hosting masing – masing ya. Klik Public_html lalu pilih wp-content lalu pilih folder themes lanjut pilih folder nama tema kita dan isinya adalah sebagai berikut.
  3. Pilih file header.php lalu lakukan edit dengan cara klik kanan lalu pilih edit dan akan terbuka dalam bentuk editor seperti notepad. Letakkan kode font awesome setelah kode <head>.
  4. Setelah kita letakkan kode tadi di bawah <head> maka kita sudah bisa melakukan save editor tersebut.

Menambahkan icon font awesome di menu wordpress

  1. Selanjutnya kita masuk ke dashboard wordpress untuk menambahkan icon dari website fontawesome ke menu wordpress.
  2. Sekarang kita sudah berada di bagian menu dari blog wordpress. Di situ tampak menu tutorial dan di sampingnya ada beberapa kode yang terpasang, nah itu adalah kode yang ikirangga copy dari font awesome.
  3. Pergi ke website font awesome dan cari kira – kira icon apa yang hendak kita pasang di menu tersebut.
  4. Setelah selesai mencari di kolom pencarian, pilih salah satu icon yang cocok untuk dijadikan icon menu di blog. Ikirangga memilih icon gear, setelah itu kan tampak gambar dan kode html, copy kode tersebut.
  5. Setelah di copy, letakkan kode tersebut tepat di sebelah kiri menu wordpress yang telah kita buka tadi dan pilih simpan.
  6. Langkah No. 3 sampai dengan 5 bisa di ulangi untuk menambah icon yang ada di semua menu blog di wordpress.
  7. Sekarang coba lihat apa yang terjadi setelah kita menambahkan icon tersebut.

Sekarang kita sudah berhasil menambahkan menu blog wordpress dengan menggunakan free font awesome. Apa yang tampak dari menu blog tersebut? Akan menjadi tambah keren menu di blog kita dan memeberi kesan wow.

Terima kasih telah berkunjung di blog ikirangga, jika ingin lebih dekat dan lebih update bisa follow kita di Facebook Fan Page di ikiranggadotcom. Semoga Informasi yang telah kami sampaikan bermanfaat, bisa share untuk teman – teman yang belum tahu informasi ini.

Leave a Reply

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