Bugünkü yazımızda sizlere WordPress sitenizdeki menüye nasıl ikon ekleneceğini göstereceğim. WordPress ikon ekleme işlemi son derece basittir. WordPress icon ekleme işlemi için yazımızı okuyabilirsiniz.
Günümüzün en yaygın blog yazılımlarından biri olan WordPress, geniş yelpazesi sayesinde e-ticaret de dahil olmak üzere birçok sitenin altyapı ihtiyacını gidermektedir. Kendisi için topluluk tarafından kodlanmış birçok ücretli / ücretsiz eklenti ve tema da barındıran WordPress, geliştirmeye de oldukça müsait bir yazılımdır.
Bugünkü yazımızda sizlere WordPress sitenizdeki menüye nasıl ikon ekleyebileceğinizi göstereceğim. Aynı sistem Webinsan Blog – Web’deki İnsan! adresimizde de kullanılmaktadır. Siteye herhangi bir etkisi olmasa da görüntü açısından güzel durmaktadır.
İkonları Nasıl Ekleyeceğim?
Eğer WordPress tabanlı sitenizdeki menü kısmına ikon eklemek istiyosanız aşağıdaki adımları takip etmeniz gerekmektedir. Son derece basit bir işlemdir.
Temanızın Font Awesome desteğini kontrol edin. Kontrol etmek için Görünüm -> Tema Düzenleyici yolunu izleyin. Kendi temanızı seçtikten sonra düzenlenecek dosya olarak alt kısmı (footer.php) veya üst kısmı (header.php) seçin. Buradaki kaynak kodlar içinde font-awesome ile alakalı bir şey bulursanız temanız destekliyor demektir, direkt 3. adıma atlayabilirsiniz.
Eğer temanız desteklemiyorsa Font Awesome sitesi üzerinden yeni kit oluşturmanız gerekmektedir. Bunu sitesi üzerinden gerçekleştirebilirsiniz. Sitesine erişmek için tıklayın. Kiti oluşturduktan sonra size verilecek cdn kodunu sitenin footer kısmına eklediğiniz takdirde siteniz artık font-awesome destekleyecektir.
Kodu ekledikten sonra site üzerinden istediğiniz ikonları beğenip kodunu Görünüm -> Menüler kısmından istediğiniz yere ekleyebilirsiniz. Örneğin <i class="fa fa-home"></i>Ana Sayfa olarak eklediğiniz zaman Ana Sayfa yazısının önünde bir ev ikonu olacaktır.
Son olarak kodu eklerken kendi sürümünüze uygun kodu eklemeniz gerekmektedir. Son sürüm kodlarına ulaşmak için tıklayınız. Eğer kodu nasıl elde edeceğinizi bilmiyorsanız aşağıyı okuyabilirsiniz.
Font Awesome İkon Kodu Nasıl Alınır?
İkon kodunu almak son derece basit bir işlemdir. Öncelikle bu bağlantı üzerinden ikon listesine erişiyoruz. Ardından istediğimiz ikonu seçiyoruz. İkonu seçtikten sonra Start Using This Icon butonuna tıklıyoruz. Tıkladıktan sonra karşımıza kodu çıkacaktır. Eğer sürümünüz farklıysa url çubuğunda yapacağınız ufak değişiklerle kendi sürümünüzün koduna ulaşabilirsiniz.
https://fontawesome.com/v6.0/icons/500px
Koyu fontlu yere kendi sürümünüzü yazmanız gerekmektedir. Örneğin sürümünüz 5.15 ise orayı v5.15 olarak güncellerseniz kendiniz için olan kullanımı görebilirsiniz.
UNUTMAYIN!! Eski sürümler tüm ikonları desteklemeyebiliyor, bu yüzden son sürümünü kullanmanızı tavsiye ediyorum. Font Awesome yerine SVG ikonlar da kullanabilirsiniz ancak bunu başka bir yazımıza anlatacağım 🙂 Görüşmek üzere
Eğer kodları eklerken bir sorun yaşarsanız yorum üzerinden bizimle iletişime geçebilirsiniz.
font awesome
ikon
wordpress
Emircan Yıldırım
Webinsan Blog - Web'deki İnsan! Kurucusu & Yöneticisi.
İlginizi Çekebilir
Yazılım
En Basit Şekilde Discord Webhook Gönderme
Filmler ve DizilerListeTeknolojiYazılım
5 En İyi 3D Animasyon Programı
GenelTeknolojiYazılım
Siteme Nasıl Gece Modu / Dark Mod Eklerim?
GüncelTeknolojiYazılım
HTTP Header Komutlarını Tarayıcı İle Kullanma
Bir cevap yazın Cevabı iptal et
E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir
Notify me via e-mail if anyone answers my comment.
I consent to Webinsan Blog collecting and storing the data I submit in this form. (Privacy Policy) *
Bir dahaki sefere yorum yaptığımda kullanılmak üzere adımı, e-posta adresimi ve web site adresimi bu tarayıcıya kaydet.
Popüler Gönderiler
2020 Yılında Dünya Gündeminde Neler Oldu?
2 Ocak 2021
Formula 1 Rehberi – Formula 1 Hakkında Temel Bilgiler
2 Ocak 2021
Webinsan Blog Açıldı
11 Kasım 2020
Arkadaşlarla Oynanabilecek Oyunlar
9 Aralık 2020
Son İçerikler
Yazılım
WordPress Menüye Nasıl İkon Eklenir?
Emircan Yıldırım2 Temmuz 2021
GenelListe
Hangi Üniversite Hangi Şarkıları Dinliyor? Spotify Çalma Listesi
Emircan Yıldırım2 Haziran 2021
Teknoloji
İnternet Nasıl İletiliyor? Deniz Altı İletişim Kabloları Nedir?
Emircan Yıldırım21 Mayıs 2021
Bilim ve FelsefeTeknolojiUzay
Bir Zaman Makinesi: Hubble Uzay Teleskobu
Enver Erdem29 Nisan 2021
Reklam Alanı
Webinsan Nedir?
Webinsan nam-ı diğer Web'deki İnsan, güncel konular hakkında yazılar yayımlayan bir blog adresidir. Sitemizi düzenli ziyaret ederek veya e-mail aboneliğine üye olarak güncel yazılarımızdan haberdar olabilirsiniz.
© Copyright 2021 Webinsan
Ana Sayfa
İletişim
Site Politikaları
Künye
Yazarlık Başvurusu
Size daha iyi bir deneyim sunabilmek için çerez depoluyoruz. Sitemize erişerek politikalarımızı kabul etmiş sayılırsınız. Detaylar için gizlilik politikamızı inceleyebilirsiniz.