Header Ads

hosting indonesia

Cara Menggunakan Font Awesome di Wordpress

Siapa yang tidak kenal dengan sebuah layanan icon untuk website dengan loading yang sangat ringan dan anti lemot. Benar, layanan tersebut adalah Font Awesome yang menyediakan ribuan icon untuk digunakan dalam website, mulai dari wordpress, blogger, dan cms lainnya. Pada tutorial kali ini, akan dijelaskan cara menggunakan code Font Awesome pada sebuah website.

Font Awesome
Langkah 1
Pertama buka login dulu pada wordpress Anda, kemudian pilih Appearance, dan pilih Customize. Acuan ini tidak baku, karena setiap template atau tema memiliki setingan tersendiri.

Langkah 2
Untuk tema yang sedang kami gunakan ini, klik Homepage Settings, dan lanjutkan seperti gambar dibawah ini.

Langkah 3
Pada gambar 3, kita akan memilih Counter Section, karena disana code Font Awesome akan dimasukan.

Langkah 4
Pada gambar 4 dijelaskan bahwa code Font Awesome yang dipakai adalah coffee yang akan menampilkan gambar cangkir kopi. Na, pada code ini akan kita ganti dengan code icon lain yang sesuai kebutuhan. Tapi sebelum itu kita buka dulu di: https://fontawesome.com/icons untuk mengambil code icon lain.

Cara Menggunakan Font Awesome di Wordpress
Copy Codenya
Code yang sudah kita copy kita paste di form yang sudah disediakan sebelumnya, untuk menganti code Coffee.

Berhasil
Jika code berhasil di masukan, maka otomatis icon juga akan mengalami perubahan bentuk dan tampilan seperti pada gambar di atas. Bagaimana, mudah sekali bukan untuk menggunakan Font Awesome di Wordpress. Selamat mencoba.

No comments

Powered by Blogger.