WordPress sitenizi daha erişilebilir hale getirmek istiyor ancak yazı tipi boyutlandırıcılarla mücadele mi ediyorsunuz? Tarayıcı yakınlaştırma özellikleri mevcut olsa da, genellikle sitenizin düzenini bozar ve daha büyük metne ihtiyaç duyan kullanıcılar için sinir bozucu bir deneyim yaratır 😞
WordPress’e yeni başlayan binlerce kişinin sitelerinin tasarımını geliştirmesine yardımcı olduk. Ve işte öğrendiklerimiz: uygun bir yazı tipi yeniden boyutlandırıcı, ziyaretçilerin diğer sayfa öğelerini bozmadan metin boyutunu ayarlamasına izin vermelidir.
Görünüşte küçük olan bu özellik, ziyaretçilerin içeriğinizle ilgilenmesini sağlamada büyük bir fark yaratabilir.
Bu kılavuzda, WordPress sitenize yazı tipi yeniden boyutlandırıcı eklemenin kanıtlanmış iki yolunu göstereceğiz – biri klasik temalar için diğeri ise herhangi bir temayla çalışan. Her iki yöntem de yeni başlayanlar için uygundur ve sitenizin tasarımını bozmaz.

Web Sitenize Yeniden Boyutlandırılabilir Metin Eklemek Önemli mi? 🤔
WordPress web siteniz için doğru yazı tipini bulmak önemlidir, çünkü sitenizi çekici hale getirmede büyük bir rol oynar ve ziyaretçilerin içeriğinizi okumasına yardımcı olur.
Ancak bazen WordPress’te en iyi yazı tipi boyutunu seçmek yeterli olmayabilir. Yazı tipi boyutu küçükse, insanlar makalelerinizi okumakta zorlanacak ve sonunda sitenizi terk edeceklerdir.
Okunabilirliği artırmanın daha kolay bir yolu, ziyaretçilere web sitenizdeki ana metni yeniden boyutlandırma seçeneği sunmaktır. Bu sayede kullanıcılar metin boyutunu kendi isteklerine göre ayarlayabilir ve sitenizde daha fazla zaman geçirebilirler.
Tarayıcının yerleşik yakınlaştırma özelliğini ‘CTRL ve +’ tuşlarına basarak kullanabilseniz de, bu özellik yalnızca metnin değil, sayfadaki her WordPress tasarım öğesinin boyutunu artırır. Bu, web sitesinin düzenini bozabilir ve harika bir kullanıcı deneyimi sağlamayabilir.
Bununla birlikte, WordPress’te ziyaretçileriniz için nasıl kolayca yeniden boyutlandırılabilir metin ekleyebileceğinizi görelim. Belirli bir yönteme geçmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:
Yöntem 1: Eklenti ve Kod ile WordPress Yazı Tipi Boyutlandırıcı Ekleme
Kullanıcıların web sitenizdeki metin boyutunu değiştirmelerine izin vermenin kolay bir yolu, Accessibility Widget gibi bir WordPress erişilebilirlik yazı tipi yeniden boyutlandırıcı eklentisi kullanmaktır.
Metin boyutunu değiştirmek için sitenizin kenar çubuğuna bir seçenek eklemenizi sağlayan ücretsiz bir WordPress eklentisidir. Eklenti hafiftir ve kullanımı çok kolaydır.
Bununla birlikte, Erişilebilirlik Widget eklentisinin Tam Site Düzenleme ve blok temalarla uyumlu olmadığını, bu nedenle yalnızca klasik bir tema kullanıyorsanız çalışacağını unutmayın. WordPress yöneticinizde tema özelleştirici eksikse bir blok tema kullandığınızı anlarsınız.
Yapmanız gereken ilk şey web sitenize Erişilebilirlik Widget eklentisini yüklemek ve etkinleştirmektir. Yardıma ihtiyacınız varsa, lütfen bir WordPress eklentisinin nasıl kurulacağına ilişkin kılavuzumuza bakın.
Etkinleştirdikten sonra, WordPress yönetici panelinden Görünüm ” Widget ‘a gitmeniz yeterlidir. Ardından, ‘+’ düğmesine tıklayabilir ve ‘Erişilebilirlik Widget’ı’ bloğunu kenar çubuğunuza ekleyebilirsiniz.

Bundan sonra, widget için ‘Metin Boyutunu Değiştir’ veya ‘Metni Yeniden Boyutlandır’ gibi bir başlık girebilirsiniz.
Ardından, widget’tan hangi HTML öğelerinin veya CSS sınıflarının etkileneceğini seçmeniz gerekir. Varsayılan seçenekler gövde, paragraf, liste öğeleri ve tablo hücreleridir. Bu seçenekler çoğu web sitesi için işe yarayacaktır.

Widget dört adede kadar yeniden boyutlandırma seçeneğine izin verir. Varsayılan seçenekler %90, %100, %110 ve %120’dir. ‘Bu boyutlara ayarla’ alanına rakamları girerek yazı tipi boyutlarını artırabilir veya azaltabilirsiniz.
Son widget ayarı denetleyici metnidir ve kullanıcıların göreceği metin budur. Metin boyutu için varsayılan yüzdeleri koruyabilir veya farklı yazı tipi boyutlarını göstermek için bir harf kullanabilirsiniz.
İşiniz bittiğinde, widget ayarlarınızı kaydetmek için ‘Güncelle’ düğmesine tıklamanız yeterlidir.
Artık widget’ı çalışırken görmek için web sitenizi ziyaret edebilirsiniz. Widget web sitenizin kenar çubuğunda bu şekilde görünmelidir:

Denetleyici metninin fark edilmediğini düşünüyorsanız, CSS kullanarak bunu değiştirebilirsiniz.
Bunu yapmak için WordPress yöneticinize gidin ve Görünüm “ Özelleştir‘ i seçin.

Şimdi klasik temanızı özelleştirmek için bazı seçenekler görmelisiniz.
Burada, ‘Ek CSS’yi seçin.

Şimdi, widget’ı şekillendirmek için bazı CSS kodları ekleyebilirsiniz. İşte eklediklerimiz:
1 2 3 4 5 | .widget_accesstxt a { border : 2px solid #000 ; padding : 2px ; font-weight : bold ; } |
Bu CSS, denetleyici metninin etrafına bir kenarlık ekleyecek, kalın yapacak ve biraz dolgu ekleyecektir. Widget’ın nasıl göründüğünden memnun olduğunuzda ‘Yayınla’ya tıklayın.
Daha fazla ayrıntı için lütfen WordPress’te özel CSS ekleme hakkındaki kılavuzumuza bakın.

Yöntem 2: WordPress Erişilebilirlik Eklentisini Kullanın
Kullanıcıların web sitenizdeki metni yeniden boyutlandırmasına izin vermenin bir başka kolay yolu da WP Accessibility kullanmaktır. Bu eklenti, hangi temayı kullanıyor olursanız olun, metin boyutunu değiştirmek için sitenize bir araç çubuğu eklemenizi sağlar.
Yapmanız gereken ilk şey web sitenize WP Erişilebilirlik eklentisini yüklemek ve etkinleştirmektir. Yardıma ihtiyacınız olursa WordPress eklentisi yükleme kılavuzumuza bakabilirsiniz.
Etkinleştirmenin ardından, WordPress yönetici panelinden WP Erişilebilirlik sayfasına gitmeniz yeterlidir.

‘Erişilebilirlik Araç Çubuğu’ bölümünde, ‘Erişilebilirlik araç çubuğunu etkinleştir’ seçeneğine tıklayın ve ‘Yazı tipi boyutu’nu seçin. Bu, araç çubuğuna bir yazı tipi yeniden boyutlandırıcı ekleyecektir.
Gerekirse, Kontrast ve Gri Tonlama seçeneklerini de etkinleştirebilirsiniz.
Ayrıca, araç çubuğuna tıklandığında içeriğin yazı tipi boyutunu değiştirebilirsiniz. Ne seçeceğinizden emin değilseniz açılır menüden ‘Varsayılan boyut’ seçeneğini de seçebilirsiniz.
Bunun dışında, ‘Alternatif yazı tipi yeniden boyutlandırma stil sayfasını kullan’ seçeneğini etkinleştirmenizi öneririz. Bu seçenek etkinleştirildiğinde, kullanıcılar varsayılan yazı tipi boyutları ile metnin daha büyük, daha okunabilir bir sürümü arasında kolayca geçiş yapabilirler.
Eklentideki diğer ayarları etkinleştirmekten çekinmeyin.
Tamamlandığında, ‘Araç Çubuğu Ayarlarını Güncelle’ düğmesine tıklamanız yeterlidir.

Bu kadar!
İşte yazı tipi yeniden boyutlandırma araç çubuğumuzun ön uçta nasıl göründüğü:

Daha fazla bilgi için WordPress sitenizin erişilebilirliğini nasıl geliştirebileceğinize ilişkin kılavuzumuzu okuyabilirsiniz.
Bu İpuçları ile WordPress Sitenizin Kullanımını Daha da Kolaylaştırın
Sitenizin kullanımını kolaylaştırmak ve harika görünmesini sağlamak mı istiyorsunuz? Bu yararlı kılavuzlara göz atın:
- WordPress’te Ok Tuşlu Klavye Gezintisi Ekleme – Kullanıcıların sitenizdegezinmesini kolaylaştırın.
- WordPress Web Sitenizde Renkler Nasıl Özelleştirilir – Sitenizin iyi görünmesini ve kolay okunmasını sağlamak için doğru renkleri seçin.
- WordPress’e Ön Yükleyici Animasyonu Ekleme (Adım Adım) – Sitenize havalı bir yükleme ekranı ekleyin.
- WordPress Web Sitenize Kolayca Koyu Mod Ekleme – Kullanıcıların tercih etmeleri halinde daha koyu bir temaya geçmelerine izin verin.
- Mobil Uyumlu WordPress Sitesi Oluşturmanın Yolları – Sitenizin telefon ve tabletlerde iyi çalıştığından emin olun.
- WordPress’te Web Sitesi Tasarımı Geri Bildirimi Nasıl Alınır (Adım Adım) – İnsanlara sitenizin tasarımı hakkında ne düşündüklerini nasıl soracağınızı öğrenin.
- WordPress’te Metin Nasıl Vurgulanır (Başlangıç Kılavuzu) – Sayfalarınızda önemli kelimeleri öne çıkarmayı öğrenin.
Video Eğitimi
Umarız bu makale WordPress sitenize yeniden boyutlandırılabilir metin eklemenize yardımcı olmuştur. Ayrıca en iyi WordPress sürükle ve bırak sayfa oluşturucuları ve WordPress tema güncellemeleri için eksiksiz kılavuzumuza da göz atmak isteyebilirsiniz.
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.
Shushanna
Hi, thanks for the amazing post. I wonder if your site does not have a sidebar, is it possible to to put the widget somewhere else, for example above the navigation.
WPBeginner Support
You can place it in your theme’s widget areas if your theme has widget areas available!
Admin
Jasper
I have installed the widget but don’t have the Set Controller Text box so on the website it shows the %s.
Any sugestions? Thanks
Ivo
Hi, I followed the instructions as on the video but noting happens. Please help.
I actually wont it to make my girlfriend site to be zoom-able when open in mobile devices. Please suggest…
Regards,
Ivo
Eric Paquette
is it possible to make the A A A bigger ?
Wrenling
This widget is AMAZING, thank you so much!!
I’m curious, I added it to my blog and it is EXACTLY what I wanted, but it only affects the main page of the blog – if you click on an individual post, the widget disappears. Can you tell me how to fix this?
WPBeginner Support
Your WordPress theme probably uses different sidebars for main page and single posts.
Admin