Asmus1990
Tilki Adayı
Wordpress sitenizde menü vb. yerlerde icon eklemek istiyorsanız doğru konuya geldiniz. FontAwesome 6 kullanarak bu işi sizler için çözelim nasıl mı yapacağız? eklenti kurmak zorundamıyız? gibi soruları duyar gibiyim hayır tabii ki'de bu gibi eklentilere gerek duymayacağız ve sitemizin kaynak kullanımını zorlamaya gerek kalmayacağız ve site hızı gibi etkenlerde değişmeyecektir.
Download kısmına girince 6.1.1 For The Web kısmında ki Free for Web indirmemiz gerekli.
Dosyamız artık inmeye başladığına göre web sitemizin admin panelini ve Ftp veya Cpanel üzerinden dosya yöneticisine giriş yapalım.
Public_Html içerisinde veya wordpress kurulu olduğu dosyanızın içerinine girip wp-includes klasörüne girip fontawesome-free-6.1.1-web.zip dosyasını içerisine yükleyiniz. Dosya yüklendikten sonra Zip dosyasını dışarı aktarınız ve artık Cpanel veya Ftp üzerinde işimiz bitmiştir şimdi ise site panelimiz üzerinden yapmamız gereken ayarlar var şimdi oraya doğru geçelim.
Wordpress admin panelimize girdiğinizi düşünüyoruz burda ki adımlar en önemli adımlar sakın hata yapmayın ve iyi bir şekilde okuyunuz.
Öncelikle temanızı kurduğunuzdan emin olun ve bu işlemleri ondan sonra yapmayı unutmayın benim sitemde şuan temam kurulu. Admin panel üzerinden Görünüm -> Tema Dosya Düzenleyicisine giriniz.
Tema dosya düzenleme kısmına girince sizi böyle bir ekran karşılayacaktır buradan Header.php dosyasına tıklayınız ve internet hızına bağlı 20-25 saniye içerinde açılacaktır.
Sayfa açıldığında bu ekran gelecektir burdan <head> </head> içerisine size vereceğim kodu yapıştırınız.
wp-includes/fontawesome kısmında fontawesome dosya isminiz farklı olabilir ben dosya ismini bu şekilde ayarladığım için bu şekilde yazdım sizde ona göre ayarlayınız.
Benim oluşturduğum bir menün örneği bu şekildedir.
Peki her şeyi anladık ama bu iconları nasıl kodlarını bulacağınızı sorduğunuzu duyar gibiyim. Haydi nasıl alındığına bakalım arkadaşlar.
İcons sayfasına girince bir çok seçenek var ama biz ücretsiz kullandığımız için Solid kısmı ile uğraşacağız.
Kendinize göre bir icon seçin ve şimdi kodu alalım.
Kodu almakiçin istediğiniz İcon üstüne tıklayınca bu ekran açılacaktır ve html kodunu sitenize yapıştırarak kullanabilirsiniz.
Arkadaşlar konum bu kadar bilgi içermektedir bir yorumu çok görmezseniz sevinirim.
FontAweSome dosyalarını indirme;
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
site adresine gidip Download butonuna basacağız.Download kısmına girince 6.1.1 For The Web kısmında ki Free for Web indirmemiz gerekli.
Dosyamız artık inmeye başladığına göre web sitemizin admin panelini ve Ftp veya Cpanel üzerinden dosya yöneticisine giriş yapalım.
FontAweSome dosyalarını yükleme adımları;
Public_Html içerisinde veya wordpress kurulu olduğu dosyanızın içerinine girip wp-includes klasörüne girip fontawesome-free-6.1.1-web.zip dosyasını içerisine yükleyiniz. Dosya yüklendikten sonra Zip dosyasını dışarı aktarınız ve artık Cpanel veya Ftp üzerinde işimiz bitmiştir şimdi ise site panelimiz üzerinden yapmamız gereken ayarlar var şimdi oraya doğru geçelim.
Wordpress admin panel ve tema ayarları;
Wordpress admin panelimize girdiğinizi düşünüyoruz burda ki adımlar en önemli adımlar sakın hata yapmayın ve iyi bir şekilde okuyunuz.
Öncelikle temanızı kurduğunuzdan emin olun ve bu işlemleri ondan sonra yapmayı unutmayın benim sitemde şuan temam kurulu. Admin panel üzerinden Görünüm -> Tema Dosya Düzenleyicisine giriniz.
Tema dosya düzenleme kısmına girince sizi böyle bir ekran karşılayacaktır buradan Header.php dosyasına tıklayınız ve internet hızına bağlı 20-25 saniye içerinde açılacaktır.
Sayfa açıldığında bu ekran gelecektir burdan <head> </head> içerisine size vereceğim kodu yapıştırınız.
PHP:
<link href="wp-includes/fontawesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">wp-includes/fontawesome kısmında fontawesome dosya isminiz farklı olabilir ben dosya ismini bu şekilde ayarladığım için bu şekilde yazdım sizde ona göre ayarlayınız.
Benim oluşturduğum bir menün örneği bu şekildedir.
Ziyaretçiler için gizlenmiş link,görmek için
Giriş yap veya üye ol.
site adresine giderek menü kısmından icons butonuna basalım.İcons sayfasına girince bir çok seçenek var ama biz ücretsiz kullandığımız için Solid kısmı ile uğraşacağız.
Kendinize göre bir icon seçin ve şimdi kodu alalım.
Kodu almakiçin istediğiniz İcon üstüne tıklayınca bu ekran açılacaktır ve html kodunu sitenize yapıştırarak kullanabilirsiniz.
Arkadaşlar konum bu kadar bilgi içermektedir bir yorumu çok görmezseniz sevinirim.
