Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Erişilebilirlik için WordPress’te Yazı Tipi Yeniden Boyutlandırma Nasıl Eklenir

WordPress sitenizi tüm kullanıcılar için gerçekten erişilebilir hale getirmekte zorlanıyor musunuz? Yazı tipi yeniden boyutlandırıcıları muhtemelen duymuşsunuzdur, ancak sitenizin düzenini bozmadan gerçekten çalışan bir tane uygulamak gerçek bir zorluk olabilir.

Birçok WordPress sitesi sahibi tarayıcı yakınlaştırma işlevlerinin yeterli olduğunu varsayar, ancak bunlar genellikle sayfa öğelerini bozar ve kötü bir kullanıcı deneyimi yaratır. İhtiyacınız olan şey, ziyaretçilerinizin diğer sayfa bileşenlerini etkilemeden metin boyutunu kolayca ayarlamasını sağlayan bir yazı tipi yeniden boyutlandırıcıdır.

WPBeginner’ı yıllarca çalıştırdıktan sonra, uygun erişilebilirlik özellikleri olmadan kitlenizin önemli bir bölümünü yabancılaştırma riskiyle karşı karşıya olduğunuzu ilk elden gördük. Bu nedenle WordPress web sitenize yazı tipi yeniden boyutlandırıcı eklemenin iki kusursuz yolunu bulduk.

How to add resizeable text for site visitors in WordPress

Web Sitenize Neden Yeniden Boyutlandırılabilir Metin Eklemelisiniz?

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 web siteniz için en iyi yazı tipini 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, yalnızca metnin değil, sayfadaki her öğenin 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.

Video Eğitimi

Subscribe to WPBeginner

Eğer yazılı talimatları tercih ediyorsanız, o zaman okumaya devam edin. Belirli bir yönteme geçmek için aşağıdaki hızlı bağlantıları kullanabilirsiniz:

Yöntem 1: WordPress’te Yeniden Boyutlandırılabilir Metin Ekleme (Yalnızca Klasik WordPress Temaları)

Kullanıcıların web sitenizdeki metni yeniden boyutlandırmasına izin vermenin en kolay yolu, Erişilebilirlik Widget‘ı gibi bir WordPress eklentisi kullanmaktır.

Metin boyutunu değiştirmek için sitenizin kenar çubuğuna bir seçenek eklemenizi sağlayan ücretsiz bir WordPress ek lentisidir. 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.

Add an accessibility widget block

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.

Change accessibility widget settings

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:

Change text size preview

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ştiri seçin.

Opening the WordPress theme customizer for classic themes

Şimdi klasik temanızı özelleştirmek için bazı seçenekler görmelisiniz.

Burada, ‘Ek CSS’yi seçin.

Opening the Additional CSS tab in Theme Customizer

Şimdi, widget’ı şekillendirmek için bazı CSS kodları ekleyebilirsiniz. İşte eklediklerimiz:

.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.

Adding additional CSS to a classic theme to style the accessibility widget

Yöntem 2: WordPress’te Yeniden Boyutlandırılabilir Metin Ekleme (Tüm WordPress Temaları)

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.

WP Accessibility Settings

‘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.

WP Accessibility toolbar settings

Bu kadar!

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

Gif of how the WP Accessibility plugin works

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:

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ına ilişkin uzman seçimlerimize ve WordPress temanızı özelleştirmeyi kaybetmeden nasıl güncelleyeceğinize ilişkin nihai 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.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

7 yorumBir Cevap Bırakın

  1. 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!

      Yönetici

  2. 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

  3. 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

  4. Eric Paquette

    is it possible to make the A A A bigger ?

  5. 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?

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.