WordPress için En İyi 9 Tipografi Eklentisi

İyi tipografi web siteniz için çok önemlidir. Tipografi, yazı tiplerini, düzenler, büyük harfler, simgeler ve daha fazlasını içerir. Bunların çoğu artık Gutenberg ile yapılabilir, ancak yazı tipleri hala eklentilerin büyük bir fark yaratabileceği bir alandır. Bu yazıda, WordPress için en iyi tipografi eklentisini seçmenize yardımcı olacak birkaç seçeneğe bakacağız.

1. Divi Oluşturucu Eklentisi

Divi Builder Eklentisi, Divi Builder'ı herhangi bir WordPress temasına ekler. 800 Google yazı tipi içerir ve yeni yazı tiplerini otomatik olarak almak için Google API anahtarınızı ekleyebilirsiniz. Daha fazlasını da yükleyebilirsiniz. Divi eklentisi tipografiden daha fazlasını yapsa da, sahip olduğu tipografi özelliklerinin sayısı nedeniyle Divi Builder'ı tam olarak kullanmasanız bile harika bir seçimdir. Tipografi seçenekleri Divi Temasında da mevcuttur.

Metin içeren herhangi bir modüldeki yazı tiplerini arayın ve her yazı tipinin önizlemesini görün. En son kullanılan yazı tipleri en üsttedir, bu nedenle bulunmaları kolaydır.

Yazı tipleri tamamen stil sahibidir. Satır içi veya modülün ayarları içinde stil verin. Her modül için her başlık boyutunu bağımsız olarak özelleştirin.

Stilleri global olarak ayarlayın ve yalnızca birkaç tıklamayla diğer modüllere genişletin.

Temel Özellikler :

• Yazı tipleri ve metin stili.
• Küresel stiller oluşturun.
• Masaüstü, tablet ve telefon için yazı tiplerini bağımsız olarak ayarlayın.
• Tipografi seçimlerinizi ayrı ayrı test edin.
• Uygulamadan önce stilleri önizleyin.
• Stilleri genişletin.
• Stilleri kopyalayıp yapıştırın.
• Renk yöneticisi.
• Stilleri bulun ve değiştirin.
• Metin gölgeleri.

Fiyat : Yıllık 89$, ömür boyu 249$ | Daha fazla bilgi

2. Herhangi Bir Yazı Tipi Kullanın

Use Any Font, WordPress için yeni yazı tipleri yüklemenize izin veren basit bir tipografi eklentisidir.

Ayarlar ekranında yeni yazı tipleri yükleyin. Ayrıca önceden tanımlanmış yazı tipleri de ekleyebilirsiniz.

Ön tanımlı yazı tiplerini seçmek, istediğiniz yazı tipini arayabileceğiniz ve seçebileceğiniz bir model açar. Bir önizleme sağlar, böylece ne elde ettiğinizi bilirsiniz. Kişisel ve ticari kullanım için 24.000'e yakın seçenek var.

Ayarlar ekranından herhangi bir öğeye yazı tipi atayın. Ayrıca özel öğeler de ekleyebilirsiniz.

Temel Özellikler :

• Herhangi bir öğeye yazı tipi atayın.
• Özel öğelere atayın.
• Yeni yazı tiplerini yükleyin.
• Neredeyse 24.000 önceden tanımlanmış yazı tipi.
• Pro sürümü, birden çok yazı tipi yüklemesi ekler.

Fiyat : Ücretsiz, profesyonel sürüm 9.99$'dan başlıyor | Daha fazla bilgi

3. Gelişmiş Düzenleyici Araçları

Gelişmiş Düzenleyici Araçları, hem Gutenberg hem de Klasik düzenleyici ile çalışır. Çok sayıda tipografi seçeneği ekler ve klasik düzenleyicinin araç çubuğunu hem klasik blokta hem de klasik düzenleyicide özelleştirmenize olanak tanır. Gutenberg'e yeni bir paragraf bloğu ekler. İsterseniz blok düzenleyiciyi klasik düzenleyiciyle de değiştirebilirsiniz.

Gutenberg ayarları, blok düzenleyici için araç çubukları, klasik paragraf ve klasik bloklar, araç çubukları için kullanılmayan düğmeler ve birçok seçenek içerir. Ayarlar tipografiye odaklanır ve tam olarak istediğiniz özellikleri özelleştirmenize olanak tanır.

Klasik Düzenleyici'yi aynı araç çubukları, kullanılmayan düğmeler ve seçeneklerle de özelleştirebilirsiniz.

Temel Özellikler :

• Gutenberg ve Classic editörlerine tipografi seçenekleri ekler.
• Araç çubuklarını özelleştirin.
• Metin renklerini ayarlayın.
• Gutenberg'e bir paragraf bloğu ekleyin.
• Blok düzenleyiciyi klasik düzenleyiciyle değiştirin.

Fiyat : Ücretsiz | Daha fazla bilgi

4. Google Yazı Tipleri Tipografisi

Google Fonts Tipografi, temel ve gelişmiş ayarlarla tema özelleştiriciye yeni bir menü ekler. 998 Google yazı tipi arasından seçim yapın ve bunları web sitenizdeki belirli öğelere uygulayın. Yazı tiplerini önizleyebilirsiniz, böylece yayınlamadan önce neye benzediğini bilirsiniz.

Tema Özelleştirici'ye temel ayarlar, gelişmiş ayarlar, yazı tipi yükleme ve hata ayıklama araçlarını içeren yeni bir menü eklendi.

Temel ayarlar, temel tipografi, başlıklar ve düğmeler için yazı tipi ailesini seçmenize olanak tanır. Yazı tipi ağırlığını ve stilini de seçebilirsiniz.

Gelişmiş, yalnızca marka bilinci oluşturma, gezinme, içerik, kenar çubuğu, altbilgi ve yükleme yazı tipleri için özel ayarlar ekler. Bu örnek, içerik ayarlarını gösterir.

API anahtarınız varsa Adobe yazı tiplerini de ekleyebilirsiniz.

Temel Özellikler :

• Tema özelleştiriciyi kullanır.
• Temel ve gelişmiş ayarları içerir.
• Yayınlamadan önce önizleyin.
• Pro sürümü, yazı tipi boyutu ve rengi ekler, yerel olarak barındırır, yüklemeyi optimize eder ve özel yazı tiplerini yükler.
• Adobe yazı tiplerini ekleyin.

Fiyat : Ücretsiz, profesyonel sürüm 59$'dan başlıyor | Daha fazla bilgi

5. Harika Yazı Tipi

Font Awesome, içeriğinize simgeler eklemeyi kolaylaştırır. Ücretsiz veya profesyonel simgeler kullanabilir ve SVG veya Web Yazı Tipi arasında seçim yapabilirsiniz. Simgeler bir CDN veya web kitinden yüklenebilir. Simgeler, içeriğinize kısa kodlar veya HTML ile eklenir. Ücretsiz sürüm 1600'den fazla simge içerir ve profesyonel sürümle çok daha fazlasını ekleyebilirsiniz.

Ayarlar ekranı, bir kit veya CDN, profesyonel veya ücretsiz yazı tipleri ve SVG veya Web yazı tipleri arasında seçim yapmanızı sağlar. Ayrıca kullanmak istediğiniz sürümü ve uyumluluğu da seçebilirsiniz.

Bu örnek, içeriğime kısa kodlarla eklenen Harika Yazı Tipi simgelerini gösterir.

Eklediğim simge şimdi ön uçtaki içerikte görünüyor.

Temel Özellikler :

• Kısa kodlar veya HTML ile Font Awesome simgeleri ekleyin.
• Ücretsiz sürüm için 1600'den fazla simge.
• SVG'ler veya bir web kiti kullanın.
• Bir CDN veya bir kit seçin.
• Pro sürümü 7800'den fazla simge, 4 stil, 20 barındırılan profesyonel kit, 250 yüklenmiş simge ve daha fazlasını içerir.

Fiyat : Ücretsiz, profesyonel sürüm 99$ | Daha fazla bilgi

6. Stil kılavuzu

Styleguide, WordPress için tema özelleştiriciden yazı tiplerini ve renkleri seçmenize izin veren basit bir tipografi eklentisidir. En iyi 45 Google yazı tipini içerir ve kodla daha fazlasını ekleyebilirsiniz. Tema uyumluluğu sınırlıdır. Varsayılan olarak Divi ile çalışmaz. Temanızla çalışmazsa, kodla tema desteği eklemeniz gerekir. Kodun bir örneğini içerirler.

Yazı tipi stili seçenekleri, tema özelleştiriciye eklenir. Ayarlar başlık yazı tipini, gövde yazı tipini ve arka plan rengini içerir. Ayrıca, sayfanın altına bir düğme ekleyen bir karanlık mod seçeneğine sahiptir.

Temel Özellikler :

• Tema özelleştiriciye yazı tipi stili eklendi.
• Başlık ve gövde metni için yazı tiplerini bağımsız olarak seçin.
• Karanlık mod.
• Kodla daha fazla yazı tipi ekleyin.
• Kodla tema uyumluluğu ekleyin.

Fiyat : Ücretsiz | Daha fazla bilgi

7. Sayfa Başlığı Bölücü

Sayfa Başlığı Bölücü, başlıklarınızın nerede bölüneceğini belirlemek için kesme noktaları belirlemenize olanak tanır. Bu özellikle daha küçük ekranlar için yararlıdır. Klasik düzenleyiciyle çalışır ve kesme noktasını yerleştirmek için size basit bir çubuk sunar. Simgeye tıklamak çubuğu açar. Kesme noktası, başlık içinde tıkladığınız yere yerleştirilir.

Ayarlar, CSS sınıfları ve stili eklemenize ve başlığı, menü başlıklarını, widget başlıklarını ve daha fazlasını değiştirmeyi seçmenize olanak tanır. Nasıl kullanılacağına dair ayrıntılı talimatlar sağlar.

İşte oluşturduğum örnek bir makale için kesme noktası. Bir tane ayarladım, ancak başlığı birden çok yerde kesmek için birden fazla işaretçi ayarlayabilirsiniz.

Kesme noktası, başlığı ön uçta böler. Bu, başlıklarınızı normalde mevcut olmayan benzersiz düzenlerle tasarlamak için kullanılabilir.

Temel Özellikler :

• Başlıklar için kesme noktaları oluşturur.
• Klasik editör ile çalışır.
• Birden çok işaretleyici ayarlayın.
• Kesme noktalarını CSS ile ayarlayın.

Fiyat : Ücretsiz | Daha fazla bilgi

8. İkincil Başlık

İkincil Başlık, normal başlıkla birlikte başka bir başlık görüntülemek için klasik düzenleyiciyle birlikte çalışan WordPress için basit bir tipografi eklentisidir. Başlık alanının üstüne yeni bir alan ekler ve görünümü ve nasıl çalıştığını özelleştirebileceğiniz ayarlar sağlar. Gönderi türleri, kategoriler ve belirli gönderi kimlikleriyle uyumludur.

Ayarlar, ikincil başlığın biçimini ve görüntüleme kurallarını belirlemenizi sağlar. Gönderi türleri ve kategoriler için kuralları belirleyin. Ayarlayabilmeniz için ikincil başlığın bir önizlemesini sağlar.

İkincil başlığı girebileceğiniz başlığın üzerine yeni bir alan eklenir.

Başlık, ayarlar ekranında seçilen seçeneklere göre görüntülenir. Bunlar varsayılan ayarlardır.

Temel Özellikler :

• Klasik düzenleyiciye yeni bir başlık alanı ekler.
• Başlık tasarımını istediğiniz gibi ayarlayın.
• İkincil başlığı kullanan gönderi türlerini ve kategorileri seçin.

Fiyat : Ücretsiz | Daha fazla bilgi

9. Zeno Yazı Tipi Boyutlandırıcı

Zeno Font Resizer, ziyaretçilerinizin web sitenizi görüntülerken yazı tiplerinin boyutunu değiştirmelerine olanak tanır. Bir çerez, ayarları saklar, böylece her ziyaretlerinde onu değiştirmek zorunda kalmazlar. Yapabilecekleri seçimler, görüntülenen simge, çerezin çalıştığı gün sayısı ve daha fazlası üzerinde kontrol sizdedir.

Ayarlar ekranı, HTML'yi, yeniden boyutlandırma adımlarını, minimum ve maksimum boyutları, yeniden boyutlandırma simgesi için görüntülenen karakteri ve tanımlama bilgisi ayarlarını ayarlamanıza olanak tanır. HTML, yeniden boyutlandırmanın nasıl çalışacağını seçmenize olanak tanır.

Widget'ı kullanarak yeniden boyutlandırıcıyı kenar çubuğuna ekledim.

Temel Özellikler :

• Yeniden boyutlandırma adımlarını ayarlayın.
• Minimum ve maksimum boyutları ayarlayın.
• Karakteri seçin.
• Çerez, ziyaretçinin ayarlarını tutar.
• Kod veya widget ile ekleyin.

Fiyat : Ücretsiz | Daha fazla bilgi

Biten Düşünceler

WordPress için en iyi tipografi eklentilerine bakışımız bu. Tipografinizi öne çıkarabilecek ve okuyucularınızın dikkatini çekebilecek birçok iyi seçenek var. WordPress için bir tipografi eklentisi arıyorsanız, bu listede ihtiyaçlarınızı karşılayan bir şey bulacağınızdan emin olabilirsiniz.

Senden duymak istiyoruz. WordPress için favori tipografi eklentiniz nedir?

ANTSTUDIO / Shutterstock.com aracılığıyla Öne Çıkan Görsel