Salih Toy - Kişisel Web Defteri

Font Awesome Ile Nasil Hazir Ikon Kullanilir

Font Awesome İle Nasıl Hazır İkon Kullanılır?

Uzun zamandan sonra:

Merhaba. Nasılsınız? İyi misiniz?

Uzun zamandır birkaç arkadaş aracılığı ile mesaj aldığım, merak edilen: "Temanın her yerinde bulunan ikonlar nerden buluyorsun, nasıl ekleniyor?" gibi sorularınızı cevaplamak için ufak bir makale bırakıyorum buraya, umarım yardımcı olur.

Şimdi hazırsanız başlayalım...


1.Aşama


Öncelikle her altyapı için kullanılabilir. Blogger, WordPress veya Bedava-Sitem farketmez. Ancak kullanmanın da birden çok yolu olduğunu unutmayın. Önceliğimiz Bedava-Sitem olduğu için makalenin kolay olmasını tercih ediyoruz.


İlk olarak aşağıdaki ufak kodu meta kodlarının içine eklemeniz gerekiyor. Diğer bir tabir ile Tasarım Üst kısmına, kodların en üstüne.

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">

Eğer meta kodların içine eklemeyi bilmiyorsanız şu yolu izleyerek yukarıdaki kodu Bedava-Sitem ektralar kısmına da ekleyebilirsiniz:

Ektralar > Kendi <head> içeriği

Eğer hala yapamadıysanız, yukarıdaki kodu yerleştiremediyseniz: son çare CSS'dir. Aşağıdaki kodu CSS kodlarınızın en üstüne yerleştirebilirsiniz.

@import url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css');

2.Aşama


Yukarıdaki işlem ile Font Awesome 4.7.0 sürümü ikonlarını artık kullandığımız tema üzerine uzak sunucu üzerinden çağırdık. Bundan sonraki aşama ise artık kullanmak istediğiniz ikonu seçerek, temanıza uygun alana yerleştirmektir. Aşağıdaki basit adımları uyguladığınız zaman işlem tamamlanmış olacaktır.

  • İlk olarak burayı tıklayın.
  • Sayfayı aşağı kaydırın, kullanmak istediğiniz ikonu seçin ve tıklayın.
  • Ekrana çıkan HTML kodu temanız da veya yazılarınız da dilediğiniz alana ekleyin.
  • Artık ikon sahibisiniz!

Son Olarak

Yine güzel bir makaleyi de sonlandırıyoruz. Umarım yardımcı ve faydalı olmuştur. Unutmayın ki, Font Awesome gibi ücretsiz servis sunan birçok kaynak mevcuttur. Bunları araştırarak bulabilirsiniz. Aynı zaman da hız bakımından, optimizasyon ve görsellik açısından da font ikon kullanmak sizi daha az yoracaktır.

Kendinize iyi bakın, hoşçakalın.

Salih Toy

Yazar: Salih Toy

Uzun yıllar boyunca kendimi bilgisayar konusunda geliştirdim, şuan WordPress, HTML ve CSS ile ilgileniyorum. Aynı zaman da faydalı olabilmek adına bilgilerimi sizlerle paylaşarak bilgiye bilgi katmak istiyorum...

Yorumlar & Yorum Yapın

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=