Kullanıcı deneyimini (UX) iyileştirmek WordPress sitenizdeki etkileşimi artırabilir. UX, web tasarım sürecinizdeki çeşitli ayrıntıları içerir ve yazı tipleri önemli bir faktördür.
Doğru yazı tiplerini seçmek sitenizi okunabilir, ilgi çekici ve görsel olarak çekici hale getirebilir. Ve tüm bunları bir WordPress tipografi eklentisi ile kolayca başarabilirsiniz.
Bir tipografi eklentisi kullanmanın avantajı, font kütüphanesi ve özel fontların kullanılabilirliğidir. Bu nedenle, WordPress için Google Fonts ve Custom Fonts gibi farklı eklentileri gerçek web sitelerinde test ederken işlevselliklerine ve kullanım kolaylıklarına dikkat ettik.
Ve şimdi, kullanabileceğiniz en iyi WordPress tipografi eklentilerinden bazılarını paylaşacağız (çoğu ücretsizdir ve sitenize yüklemesi kolaydır).
WordPress Siteniz İçin Tipografi Neden Önemlidir?
Web sitenizin tipografisi, genel tasarımınızın çok önemli bir parçasıdır. Güzel ve okunması kolay yazı tipleri seçmek, web sitenizin etkileşimini artıracak ve kullanıcılarınızın sitenizde geçirdiği süreyi artıracaktır.
En iyi WordPress temalarının çoğu Google Fonts erişimi ile birlikte gelir ve tipografiyi ihtiyaçlarınıza göre ayarlamanıza olanak tanır.
Yazı ve sayfa düzenleyicisinde, yazı tipleriniz ve düzenleriniz üzerinde daha fazla kontrol sahibi olmanızı sağlayan yerleşik ayarlar vardır.
Bununla birlikte, tipografinizle yapabileceğiniz çok daha fazla şey var; altyazı eklemek, büyük harf kullanmak, dipnot eklemek, kullanıcıların yazı tiplerini yeniden boyutlandırmasına izin vermek ve çok daha fazlası.
Doğru WordPress eklentilerini seçerek, WordPress web sitenizdeki tipografiyi herhangi bir kod yazmadan geliştirebilirsiniz.
Bunu söyledikten sonra, web sitenizde deneyebileceğiniz en iyi WordPress tipografi eklentilerinden bazılarına bir göz atalım.
1. WordPress için Google Yazı Tipleri
WordPress için Google Fonts, WordPress sitenizde kullanabileceğiniz 1.455’in üzerinde şık yazı tipinden oluşan bir kütüphaneye sahiptir. Başlıklarınız ve içeriğiniz için yazı tipini seçmenize yardımcı olmak üzere her yazı tipi için canlı bir önizleme ile birlikte gelir.
Eklenti Adobe Fonts entegrasyonuna sahiptir ve ayrıca binlerce Google Fonts’u destekler. Ayrıca özel yazı tipleri yükleyebilir ve eklenti ayarlarından yazı tipi boyutunu, rengini, ağırlığını ve satır yüksekliğini değiştirebilirsiniz.
Daha fazla ayrıntı için WordPress’te özel yazı tiplerinin nasıl ekleneceğine ilişkin kılavuzumuza bakın.
Fırsat: Eklentinin premium sürümünü almak istiyorsanız, %20 indirim için WordPress için Google Fonts kuponumuzu kullandığınızdan emin olun.
2. Özel Yazı Tipleri
Custom Fonts, web yazı tiplerini sunucunuzda barındırmanızı sağlayan basit bir WordPress yazı tipi eklentisidir. Web siteniz yazı tiplerini yerel olarak yükleyeceği için web sitesi performansını artırmaya yardımcı olur.
Eklenti, Google Fonts kütüphanesinden yazı tiplerini içe aktarmanıza olanak tanır. Ayrıca WordPress sitenize özel yazı tipleri ekleyebilir ve tipografi ayarlarınızı tamamen kontrol edebilirsiniz.
3. Zeno Yazı Tipi Boyutlandırıcı
Zeno Font Resizer, ziyaretçilerinize web sitenizdeki yazı tipi boyutunu birkaç tıklamayla değiştirme seçeneği sunar. Bu, daha büyük metinleri tercih edenler için kullanıcı deneyiminizi geliştirebilir.
Eklenti, WordPress kenar çubuğunuza bir yazı tipi yeniden boyutlandırma seçeneği eklemeyi kolaylaştırır. Ayrıca jQuery kullanır, böylece ziyaretçileriniz sayfa yeniden yüklenmeden yazı tipini ayarlayabilir.
4. Sayfa Başlığı Ayırıcı
Page Title Splitter, uzun yazıbaşlıklarını iki satıra bölmenizi sağlayan benzersiz bir eklentidir. Bu, daha uzun ve daha açıklayıcı yazı başlıkları kullanmanızı sağlarken, bunların hala okunabilir olduğundan emin olmanızı sağlar.
Bu, tüm yazılar, sayfalar ve özel yazı türü başlıkları için çalışır. Masaüstü ve mobil cihazlarda başlığınızın düzeni üzerinde tam kontrol sahibi olmanızı sağlar.
5. Blok Teması için Araç Seti
Toolkit for Block Theme, tema tasarımınızı ve stillerinizi özelleştirmekiçin bir WordPress blok düzenleyici eklentisidir. Yazı tiplerini değiştirmenize, Google Fonts’u entegre etmenize ve işletmeniz için mükemmel bir web sitesi oluşturmak için ek küresel stiller kullanmanıza olanak tanır.
Size Google Fonts’u yerel olarak barındırma seçeneği sunar, böylece herhangi bir yazı tipi ailesini içe aktarabilir ve web sitenizde kullanabilirsiniz. Eklentinin WordPress blok temaları için başka seçenekleri de var.
6. Editör Artı
Editor Plus gelişmiş bir WordPress özelleştirme eklentisidir. Tipografi kontrolleri ve yazı tipi özelliklerinizi yönetmek için bir panel ile birlikte gelir.
Eklenti, yazı tipi ağırlığını, yazı tipi stilini, yazı tipi boyutunu, harf aralığını, satır yüksekliğini ve rengini değiştirmenize olanak tanır. Ayrıca farklı ekran boyutlarında ve cihazlarda yazı tipi görüntüsünü kolayca kontrol edebilirsiniz.
7. Özel Adobe Yazı Tipleri
Özel Adobe Fontları, popüler Adobe (eski adıyla Typekit) fontlarını web sitenize eklemenizi sağlar.
Eklenti en popüler sayfa oluşturucularla çalışır, böylece sitenizi özelleştirirken seçim yapabileceğiniz daha geniş bir yazı tipi kitaplığına sahip olursunuz.
8. Harika Yazı Tipi
Font Awesome, web sitenize simge yazı tipleri eklemenizi sağlar. Simge yazı tipleri, düğmelerinizi, özellik kutularınızı, gezinme menülerinizi ve daha fazlasını geliştirmek için kullanabileceğiniz basit piktogramlardır.
Daha fazla ayrıntı için WordPress temanıza simge yazı tiplerini nasıl kolayca ekleyebileceğinize ilişkin kılavuzumuza bakın.
9. Herhangi Bir Yazı Tipi Kullanın
Use Any Font, WordPress’e özel yazı tipleri yüklemenizi sağlar. Bilgisayarınıza indirdiğiniz ve kullanmak istediğiniz özel yazı tipleri varsa bu harika bir özelliktir.
Aralarından seçim yapabileceğiniz 23.871’den fazla farklı yazı tipine sahip yazı tipi kitaplığındaki yazı tiplerini de kullanabilirsiniz.
10. Stil Kılavuzu
Styleguide, WordPress tema özelleştiricinizde temanızın yazı tiplerini ve renklerini özelleştirmenizi sağlar.
Bu, web sitenize özel CSS eklemek zorunda kalmadan yazı tiplerinizin görünümünü değiştirmenizi sağlar. Çoğu WordPress teması ile uyumludur.
11. OMGF
OMGF, Google Yazı Tiplerinizi optimize edecek bir eklentidir. Yükleme sürelerini hızlandırmak için yazı tiplerinizi yerel olarak barındırmanıza olanak tanır.
Eklenti, DNS isteklerini en aza indirmeye yardımcı olur, düzen kaymalarını azaltır ve performansı artırmak için tarayıcı önbelleğinden yararlanır. Oldukça acemi dostu ve arka planda sessizce çalışıyor.
12. WP Font Awesome
WP Font Awesome ücretsiz bir WordPress tipografi eklentisidir. Bir kısa kod kullanarak Font Awesome simgesi eklemenizi sağlar.
Yazı tipi simgelerini özelleştirmek için kısa kod şablonları alabilirsiniz. Eklenti ayrıca widget alanına, sayfalara ve yazılara yazı tipi eklemenize olanak tanır.
13. Metin Harf Çevirici
Text Case Converter, sayfalarınızdaki veya yazılarınızdaki metni büyük harf, küçük harf, cümle harfi ve daha fazlasına dönüştürmenizi sağlayan bir eklentidir.
Eklenti ayrıca WordPress sitenize kukla içerik eklemenize yardımcı olur. Ayrıca, WordPress sayfalarınızdaki toplam karakter, kelime ve satır sayısını saymanıza yardımcı olur.
14. SeedProd
SeedProd piyasadaki en iyi WordPress teması ve web sitesi kurucusudur. Sadece birkaç tıklamayla web sitenizi başlatmak için kullanabileceğiniz hazır şablon kitleriyle birlikte gelir.
SeedProd aynı zamanda en iyi WordPress sayfa oluşturucusudur. Bu eklenti ile özel sayfalar oluşturabilir ve yazı tiplerinizin görünümü üzerinde tam kontrole sahip olabilirsiniz.
Dinamik metin özelliğini kullanarak ziyaretçilerinizin ilgisini çekecek animasyonlu başlıklar oluşturabilirsiniz. Ayrıca, web sitenizde kullanmak için tüm Google Fonts kütüphanesine erişim elde edersiniz.
Otomatik olarak yazılı içerik oluşturmanıza veya okunabilirliği artırmak için mevcut içeriği geliştirmenize olanak tanıyan güçlü bir AI web sitesi oluşturucu bile var.
15. Thrive Temaları
Thrive Themes, popüler bir WordPress web sitesi oluşturucusudur ve çevrimiçi işinizi büyütmek için güçlü bir araç paketi sunar. Yeni başlayanlar için bir işletme web sitesi kurmak ve tek seferde büyüme araçları eklemek için 1 duraklı bir çözümdür.
Dahası, bir test oluşturucu, bir A/B test aracı, bir referans eklentisi ve daha fazlası ile birlikte gelir. Tüm araçları WordPress temanızla sorunsuz bir şekilde çalışır.
Thrive Builder, web sitesi oluşturucu ayarlarında yazı tipi stilini, yazı tipi boyutunu ve yazı tipi rengini özelleştirmenize olanak tanır. Ayrıca WordPress sitenize daha fazla yazı tipi eklemek için herhangi bir özel yazı tipi eklentisini Thrive Themes ile entegre edebilirsiniz.
Thrive Builder, yazı tiplerini içe aktarmak için varsayılan kaynağı değiştirmenize olanak tanır ve istediğiniz yeni yazı tiplerini kolayca ekleyebilirsiniz.
Daha fazla bilgi edinmek için ayrıntılı Thrive Themes incelememize bakın.
16. WP Roket
WP Rocket piyasadaki en iyi WordPress önbellekleme eklentisidir. Çok acemi dostudur ve WordPress’i hızlandırmanıza yardımcı olur.
Google Yazı Tiplerinizi tek bir tıklamayla optimize edecek benzersiz bir önbelleğe alma seçeneği vardır. Bir web sitesi hız testi yaparsanız, kullanıcıların bildirdiği en yaygın hız sorunlarından birinin bu olduğunu görürsünüz.
Daha fazla ayrıntı için WordPress’te WP Rocket’in nasıl kurulacağı ve ayarlanacağı hakkındaki kılavuzumuza bakın.
Umarız bu makale web siteniz için en iyi WordPress tipografi eklentilerini bulmanıza yardımcı olmuştur. Web sitenizi nasıl geliştireceğiniz ve kullanıcılar için nasıl ilgi çekici hale getireceğiniz konusunda uzman rehberlerimizi de görmek isteyebilirsiniz.
Web Sitenizi Geliştirmek için En İyi WordPress Kılavuzları
- Daha Hızlı Bir Web Sitesi İçin WordPress’te Yerel Yazı Tipleri Nasıl Barındırılır?
- WordPress ile Online Yazı Tipi Satma (Adım Adım)
- Web Güvenli Yazı Tipi Nedir + En İyi Web Güvenli Yazı Tipleri (Başlangıç Rehberi)
- En İyi Sürükle ve Bırak WordPress Sayfa Oluşturucuları Karşılaştırıldı
- Kullanıcıların Gerçekten Ne Düşündüğünü Ortaya Çıkaran Kolay Anket Aracı
- SEO Başlıklarını İyileştirmek için WordPress’te Başlık Analizörü Nasıl Kullanılır?
- En İyi Sanal İş Telefon Numarası Uygulamaları (Ücretsiz Seçeneklerle)
- Ücretsiz E-posta Alanı Nasıl Alınır (Hızlı ve Kolay Yöntemler)
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Moinuddin Waheed
I have mostly used the fonts that came up with the premium theme I am using.
However coming across certain websites and seeing their typography attracts most and it feels like having those fonts on our own website.
is there a way to determine which fonts some websites using like having any chrome extension or something?
and second, is having fonts locally speeds up the website rather than using front Google server like Google fonts?
WPBeginner Support
To find the fonts a site is using, you would need to use Inspect element. Using local fonts can help a site load faster over using server side fonts from Google.
Yönetici
Moinuddin Waheed
Thanks for the guide, I have started using these tricks and tips to improve my website performance.
I have been attracted to many websites fonts, now I would be able to find what fonts they are using for their websites and I can use those fonts on my website locally.
Jiří Vaněk
I use Google Font and used to use Font Awesome. However, for website speed, I recommend downloading Google Font to the web hosting and using it locally. Loading fonts from third-party servers can ultimately slow down the website and this reflects in measurements.
Daan van den Bergh
Hi!
Thank you for including my plugin OMGF in this list!
I always try to pay attention to user friendliness, so I’m glad you experienced it as beginner friendly
WPBeginner Support
You’re welcome and thank you for having a user friendly plugin
Yönetici
Neal Umphred
In your description of the wp-Typography plugin: “eclipses”?
WPBeginner Support
Thank you for pointing out that typo, we’ll fix it as we go through to update the article
Yönetici
Lamine
Thank you for the article. Otherwise it need to be update.
WPBeginner Support
You’re welcome, we’ll certainly take a look at what needs to be updated.
Yönetici
shabanam
“Hi, i absolutely got tons of value from your post. Please i have 2 quick questions.
1. What is the number of plugins every blogger shouldn’t exceed? I currently have about 18 installed, would you consider that number outrageous. Please could you also check out my site and offer me a
2. Your font is really beautiful. would you suggest plugins that would give me beautiful fonts just like yours?
Finally, would you spare a few seconds to check this site and offer me your candid advice
WPBeginner Support
Hi Shabanam,
1. Please see our article on how many plugins you should install on your site.
2. Please see the Typography plugins mentioned above.
Yönetici
Ingrid Webster
You guys are life savers. Thank You so much!
Lynn
Thank you for the help, I need to change the color of the font on my new website.
Peter
I have installed Easy Google Fonts and most of it works fine as far as the styles and positioning go but strangely nothing happens to the main font color in appearances even though the background color works, which is something I don’t really need anyway. Changing the color of the paragraph works fine too.
I am using the Simple Catch Pro theme.
Could you please advise, I would like to move on from this.
Thanks
Peter
WPBeginner Support
Hi Peter,
We are not sure but it could be some other CSS rule in your theme’s stylesheet or settings overriding Easy Google Fonts settings.
Yönetici
Adi
You can remove Google Font Manager from list as it is not available to download
April
I am really struggling with a font issue. We have a digital magazine, and often need to use several different fonts per post. Is there any similar to tinymce but with more options for font family?
Logeshkumar Nandagopal
Hi Team
I am new to blogging and have recently created a wordpress blog and i would like to know whether is there any plugin to highlight the c/c++ codes in textbox on my post.
Amarjit Singh
Every wpbeginner article helpful… i am a great fan of wpbeginner, 15 to 20 times i visit wpbeginner.com daily, for finding the solutions for my website. Wpbeginner motivate and help me to create my own site on wordpress.
WPBeginner Support
Hi Amarjit,
Thanks for the feedback. We are glad you find WPBeginner helpful. You may also want to check out our YouTube Channel for WordPress video tutorials.
Yönetici