WordPress’teki yazı tipi simgeleri – Nedir ve Nasıl Kullanılır (Manuel/Eklenti)

Yazı tipi simgeleri, WordPress siteleri için çok kullanışlı bir araç olabilir. Yavaşlamadan web sitenize semboller ve resimler eklemenize izin verir. Yazı tipi simgelerinin son yıllarda popüler hale gelmesinin ve diğer nedenleri. Bu konudan emin değilseniz, bu blog yazısı size yardımcı olmak için burada. İçinde, yazı tipi simgelerinin ne olduğunu ve neden kullanmanız gerektiğini öğreneceksiniz. Bundan sonra, WordPress sitenize hem manuel hem de eklentiler aracılığıyla simge yazı tiplerinin nasıl ekleneceğine dair adım adım adım alacaksınız.
Kulağa hoş geliyor mu? O zaman çatlayalım. Simge yazı tipi nedir ve neden kullanın? WordPress’te yazı tipi simgelerinin nasıl kullanılacağı hakkında konuşmadan önce, önce yazı tipi simgelerinin ne olduğunu belirleyelim. Adından da anlaşılacağı gibi harfler değil, semboller içerirler, yazı tipi simgeleri diğer özel yazı tipleri gibi tipografidir. Bununla birlikte, harfler ve sayılar yerine semboller ve piktogramlar içerir. Aslında, her WordPress sitesi varsayılan yazı tipi simgeleriyle donatılmıştır. Buna Dashicons denir ve WordPress’in ana menüsünde semboller sağlar.

Ancak, orada daha fazla seçenek var. Çoğu, alışveriş sepetleri, indirme düğmeleri, sosyal medya logoları ve daha fazlası gibi yaygın olarak kullanılan web simgelerini içerir. Kütüphane genellikle çoğu ücretsiz olan yüzlerce farklı seçenek içerir. İşte bir dizi örnek:
Müthiş yazı tipi – 1.300’den fazla ücretsiz sembolü olan kütüphane. Oklardan sağlık, eğitime, markalara ve daha fazlasına kadar çeşitli konulara ulaşırlar.
Genericons – Automattic tarafından yapılan jenerik ikonların bir koleksiyonu. Github’da dosyaları bulabilirsiniz.
Fontello Bu hizmet, birkaç simge yazı tipini tek bir yerde birleştirir ve yalnızca ihtiyacınız olan sembolleri içeren bir kütüphane oluşturmanıza olanak tanır, böylece süreçte yerden tasarruf sağlar. Burada ve bu makalede ek simge yazı tipleri bulabilirsiniz. Bir saniyede nasıl kullanılacağını öğreneceksiniz.
Simge yazı tipini kullanmanın avantajları yalnızca bir soru bırakır, neden simge yazı tipini kullanıyorsunuz? Neden sadece resimlerle gitmiyorsun? Görünüşe göre, geleneksel görsellerin aksine, simge yazı tipi çeşitli avantajlar sunuyor:
Bir vektör görüntüsü olarak, kaliteyi kaybetmeden herhangi bir boyuta dağılmışlardır. Duyarlı tasarım için harika özellikler.
Diğer web metinleri gibi, yazı tipi simgelerini CSS aracılığıyla kolayca değiştirebilirsiniz. Örneğin, boyutu ve rengi değiştirebilir, düşen bir gölge ekleyebilir, döndürebilir ve daha fazlasını yapabilirsiniz.
Birçok sembolü bir dosyada saklamanıza izin verir. Bu, birkaç görüntü içermesine kıyasla HTTP talebini azaltır.
Simge yazı tipi, sayfanın ağırlığını önemli ölçüde artırmaz, özellikle de kütüphaneyi yalnızca ihtiyacınız olan simgeyle kullanırsanız. Sayfanızın yükleme süresi için iyi haber!
Pekala, şimdi WordPress’te yazı tipi simgelerini kullanmanın neden iyi bir fikir olduğunu bildikten sonra, sitenize nasıl ekleyebileceğinizi tartışalım.
WordPress’e yazı tipi simgeleri nasıl eklenir Manuel olarak önce WordPress’te yazı tipi simgesinin nasıl girileceğini manuel olarak tartışacağız. Bu, yazı tipi simgeleri kullanmak istediğiniz bir tema oluşturduğunuzda en iyi çözümdür. Bu, kullanıcı veya istemci tarafından yanlışlıkla değiştirilebilecek veya silinebilecek eklentiler olmadan çalışmanızı sağlar. Bunu başarmanın iki farklı yolu da vardır. Tüm öğretici için, yukarıda belirtilen harika yazı tipini kullanacağız. Bu en popüler kütüphane ve kullanılacak birçok ücretsiz sembolü var. Bununla birlikte, diğer simge yazı tiplerine de uygulanmayı öğreneceğiniz ilke. Yöntem 1: Enqueue yazı tipleri uzaktan yazı tipleri simge yazı tipleri, sitenize diğer özel yazı tipleri gibi eklenebilir: uzak sunuculardan yüklenerek. İhtiyacınız olan tek şey yayınlandıkları adres. Font Awesome, burada bulabileceğiniz ve yapılandırabileceğiniz kendi CDN’lerini sunar.
Adresi aldıktan sonra, fonksiyonu function.php dosyasında aşağıdaki kod disiplini ile sitenize ekleyin.
wp_enqueue_style (‘ns-font-wewesome’, ‘https://use.fontawesome.com/releases/v5.1.1/css/all.css’);

}
Add_action (‘wp_enqueue_scripts’, ‘ns_add_font_awesome’); WordPress daha sonra harika yazı tipini uzaktan sitenize yükleyecektir.
Yöntem 2: Yasavatçık barındıran veya yazı tipi dosyalarını kendi sunucunuzda da barındırabilirsiniz. Bu, HTTP talebini azaltmak veya GDPR ile ilgili sorunlar nedeniyle iyi bir fikir olabilir. Bu yöntemin ilk adımı yazı tiplerini indirmek ve çıkarmaktır. Müthiş yazı tipi için, sadece sayfanın altında CDN adresi ile aynı yerde bir indirme bağlantısı bulursunuz. Sabit diskinizden sonra dosyaları açın ve FTP istemcinizi (örneğin FileZilla) çalıştırın. WP-Content> temaları altında etkin tema klasörünüzü açın. Orada, yeni bir dizin yapın ve yazı tipleri gibi farklı bir ad verin, ardından yeni indirdiğiniz her şeyi yükleyin. Bundan sonra, Function.php: ns_add_font_awesome () function {) {
wp_enqueue_style (‘ns-font-aawesome’, get_stylesheet_directory_uri (). ‘/fonts/css/all.min.css’);
}
Add_action (‘wp_enqueue_scripts’, ‘ns_add_font_awesome’); Yazı tipi simgesini manuel olarak gösterdikten sonra, yalnızca sitenizdeki sembolleri görüntülemenin yollarını bulmanız gerekir. Bunun için harika yazı tipi sembolü listesine gitmelisiniz. Hangi simgeleri kullanmak istediğinizi tıklayın. Bu size sitenize yerleştirmek için gereken adı ve kod parçalarını verecektir.
Yukarıdaki örnek için böyle görünüyor.