WordPress sitenizde Font Awesome’i nasıl kullanacağınızı merak ediyor olabilirsiniz. İyi haber şu ki, yapması basit! Font Awesome simgelerini temanıza dahil etmenin birkaç yöntemi vardır. Bunun bir yolu, temanızın CSS dosyasına bir Font Awesome yazı tipi eklemektir. Ayrıca Font Awesome simgelerini temanızın wp_enqueue_style işlevine dahil edebilirsiniz. Temanıza Harika Yazı Tipi ekleme hakkında daha fazla bilgi edinmek için okumaya devam edin!
Simge Yazı Tipleri
WordPress sitenize özel bir yazı tipi eklemek istiyorsanız, bir simge yazı tipi kullanmak isteyebilirsiniz. Simge yazı tipleri, harfler yerine semboller içeren yazı tipleridir. Varsayılan olarak, her WordPress sitesinde bir tane bulunur ve bu Dashicons’tur. Birçok konuyu kapsayan 1.300’den fazla ücretsiz sembol içeren Font Awesome kitaplığını da kullanabilirsiniz. Automattic, Github’da bulunan genel simgelerden oluşan bir koleksiyon olan Genericons’u da yarattı.
Yazı tipini indirip yükledikten sonra, HTML kodunda yazı tipine bağlamanız ve web sitenize yapıştırmanız gerekir. Bu, bir eklenti veya harici simge kitaplığı kullanmak da dahil olmak üzere birkaç farklı yolla yapılabilir. Sitenizde daha az sayıda simge varsa, yükleme süresi çok daha hızlı olacaktır. Sitenizde 20’den fazla simge varsa, yükleme süresini azaltmak için harici bir kitaplık kullanmak isteyebilirsiniz.
CSS Kullanımı
WordPress’te harika yazı tipi için CSS kullanmanın iki temel yolu vardır. Bir yol, yazı tipi dosyasını dahili olarak dahil etmek, diğeri ise harici bir stil sayfası kullanmaktır. Dahili yazı tipi, temanızın kök dizinindeki belirli bir dosyaya bağlanır. Harika yazı tipi için CSS, temanıza dahil edebileceğiniz bir Sass veya LESS dosyası olarak da mevcuttur. Yazı tipi dosyasına sahip olduğunuzda, temanızı şekillendirmek için kullanabilirsiniz.
Font Awesome’i kullanmak, daha hızlı olmanın yanı sıra web sitenizin genel performansını iyileştirebilir. Tüm simgeler tek bir yazı tipi dosyasına dahil edildiğinden, yalnızca bir HTTP isteği yapmanız gerekir. Bu eklentiyi diğer temanızın CSS dosyalarıyla birlikte kullanabilirsiniz. WordPress’te harika yazı tipi için CSS kullanmanın birkaç yolu vardır. Her bir yöntem hakkında bilgi edinmek için Font Awesome belgelerini ziyaret edebilirsiniz. Dahil etmek için wp_enqueue_style işlevini de kullanabilirsiniz.
Stackable Font Awesome
Web sitenizi oluşturmak için WordPress kullanıyorsanız, sitenizde Stackable Font Awesome’i nasıl kullanacağınızı merak ediyor olabilirsiniz. WordPress’in en son sürümü Font Awesome simgelerini desteklediğinden şanslısınız. İstiflenebilir yazı tipleri, birbirinin üzerine yığılan simgelerdir. Bu simgeler “birçok boyutta yazı tipi” olarak da bilinir ve bunları web siteniz için benzersiz düzenler oluşturmak için kolayca kullanabilirsiniz.
İstiflenebilir simge bloğu, sitenizdeki Harika Yazı Tipi simgelerini manuel olarak nasıl şekillendireceğinizi öğrenmek zorunda kalmadan özelleştirmenize olanak tanır. Bu, her bir simgeyi düzenlemek ve yeniden boyutlandırmak için zaman kaybetmekten kaçınmanıza yardımcı olacaktır. İstiflenebilir Premium ayrıca simgelerin görünümünü özelleştirmek için bir Kit Kodu yapıştırmanıza da olanak tanır. İstiflenebilir simge bloğunun iki sürümü vardır: ücretsiz ve profesyonel. Ücretsiz sürüm sınırlı özelliklere sahipken, Pro sürüm, web sitenize özel bir görünüm kazandıracak özel simgeler eklemenize olanak tanır.
Font Awesome’deki İstiflenebilir Simge Bloğu, simgelerinizin görünümünü özelleştirmenize ve bunları manuel olarak biçimlendirme gereksinimini ortadan kaldırmanıza olanak tanır. Bu araç ücretsizdir ve ek kurulum gerektirmez. Font Awesome’in Pro sürümüne zaten bir aboneliğiniz varsa, simgelerini ücretsiz ve premium sürümlerinizde kullanabilirsiniz. Ek olarak, kendi özel simgelerinizi yüklemek için İstiflenebilir Simge Bloğu’nu kullanabilirsiniz.
Eklentinin Ayarlar sayfasından erişilebilen ayarlar menüsünü kullanarak İstiflenebilir simge bloğunu özelleştirebilirsiniz. Ücretsiz sürümde 2 düzen seçeneği bulunurken, premium sürümde on üç seçenek bulunur. Diğer özellikler, bir Rol Yöneticisi olan Font Awesome Pro ile entegrasyon ve CSS kullanarak herhangi bir bloğu değiştirme yeteneğini içerir. Premium sürüm kullanıcıları ayrıca bir yıllık destek alır. İstiflenebilir simge bloğu WordPress için ücretsizdir.
Eklentiyi Yükleme
WordPress web sitenize Font Awesome’i yükledikten sonra, gönderileriniz için simgeleri kullanmaya hazırsınız. Bu simgeler, web sitenizin herhangi bir sayfasındaki HTML’nize dahil edilebilir. Bunları dahil etmek için iki yöntem arasından seçim yapabilirsiniz: dahili veya harici. Yazı tipi dosyasını dahili olarak sitenin içine dahil ederken harici olarak harici bir stil sayfasına başvurur. Aşağıdaki adımları okuyarak hangi yöntemin sizin için en uygun olduğunu öğrenebilirsiniz:
Ayrıca Piktogram ve sembolleri sitenizde kullanabilirsiniz. Bu simgeler, temanızın CSS dosyalarına eklenebilir ve sayfalarınızın performansını iyileştirebilir. Ancak, WordPress’in varsayılan yazı tipinin Harika Yazı Tipini içermediğini unutmamalısınız. Ayrıca, varsayılan yazı tipi sınırlı simgeler içerir. Font Awesome ile tasarımlarınız için daha fazla seçeneğe sahip olabilir ve erişilebilirliği artırabilirsiniz. Bu makale, WordPress web sitenizde Font Awesome eklentisini kullanmanın faydalarını tartışmaktadır.
Simgeleri Özelleştirme
WordPress web sitenizdeki simgeleri özelleştirmek şaşırtıcı derecede kolaydır. Sadece WordPress yönetici panosuna Font Awesome eklentisini kurun ve etkinleştirin. Buradan, Klasik Düzenleyici ile içeriğinize simgeler ekleyebilirsiniz. Simge kitaplığı, her durum ve amaç için simgeler içerir. Etkinleştirildiğinde, simgeler içeriğinizin bir parçası olarak size sunulacaktır. Sadece onları diğerlerinden farklı kılmak için doğru yazı tipini ve stili ayarladığınızdan emin olun.
Uygun sınıfları ve kodu ekleyerek WordPress’te Font Awesome simgelerinizi özelleştirebilirsiniz. İlk olarak, Font Awesome simgelerine karşılık gelen CSS sınıflarını eklemelisiniz. Bu sınıflar Ekran Seçenekleri menüsünde bulunabilir. Bunları her menü öğesi için CSS Sınıfları alanına yapıştırın. Bu, menü öğelerinizin doğru yazı tipi simgesine sahip olmasını sağlayacaktır. Artık WordPress menünüzde uygun yazı tipi simgelerini görmelisiniz. Bu, WordPress’teki yazı tipi simgelerinizi özelleştirmenin en kolay yollarından biridir.
Yorum Yok