Bazı popüler sitelerin makalelerinin üst kısmında nasıl bir okuma ilerleme çubuğu göstergesi gösterdiğini fark ettiniz mi?
Bu küçük çubuk, kullanıcılara makalenin daha ne kadarını kaydırmaları gerektiğini gösterir ve onları okumaya devam etmeye teşvik eder. Ziyaretçilerin web sitenizde içeriğinizi okumasını sağlamaya ve genel kullanıcı deneyimini iyileştirmeye yardımcı olabilir.
Bu makalede, WordPress yazılarına nasıl okuma ilerleme çubuğu ekleyeceğinizi göstereceğiz.
WordPress’te Okuma İlerleme Çubuğunu Neden ve Ne Zaman Eklemelisiniz?
Kullanıcılar bir web sayfasında kalmaya veya ayrılmaya karar vermeden önce yalnızca birkaç saniye geçirir. Kullanıcıların aşağı kaydırmasını gerektiren uzun makaleler yayınlıyorsanız kullanıcıların ilgisini çekmek biraz daha zorlaşır.
Bazı site sahipleri satır içi ilgili gönderiler eklerken, diğerleri kullanıcıları sayfada tutmak için videolar veya resim galerileri kullanır.
Okuma ilerleme çubuğu, kullanıcıları aşağı kaydırmaya teşvik eden küçük bir kullanıcı arayüzü geliştirmesi ekler. Ayrıca kullanıcıları okudukları makaleyi bitirmeleri için motive eder.
Birçok popüler web sitesi, okuyucularının ilgisini çekmek için okuma ilerleme göstergelerini kullanmayı sever. Ancak, okuma ilerleme göstergesinin ince olduğundan ve içeriğin kendisinden uzaklaşmadığından da emin olmanız gerekir.
Bunu söyledikten sonra, WordPress yazılarınız için nasıl kolayca bir okuma ilerleme göstergesi ekleyebileceğinizi görelim.
Video Eğitimi
Yazılı talimatları tercih ediyorsanız, okumaya devam edin.
WordPress Yazılarına Okuma İlerleme Çubuğu Ekleme
Blog yazılarında ve sayfalarında okuma ilerleme çubuğu göstermenin en kolay yolu Worth The Read gibi bir eklenti kullanmaktır.
Hafif ve web sitenize bir okuma ilerleme çubuğu eklemeye yardımcı olan ücretsiz bir WordPress ek lentisidir. Eklenti birden fazla özelleştirme seçeneği sunar ve stilini web sitenizin temasına uyacak şekilde değiştirmenize izin verir. Hatta makalelerinizin okunma süresini göstermek için bile kullanabilirsiniz.
Yapmanız gereken ilk şey Worth The Read eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından, WordPress yönetici panelinden Okumaya Değer ” İlerleme sayfasını ziyaret etmeniz ve ilerleme çubuğu göstergenizi ayarlamak için ‘İşlevsellik’ sekmesine gitmeniz gerekir.
Ardından, ilerleme çubuğunun gönderilerinizde, sayfalarınızda ve ana sayfanızda gösterilip gösterilmeyeceğini seçebilirsiniz. Okuma çubuğunu özel gönderi türlerinde görüntüleme seçeneği de vardır.
Aşağı kaydırırsanız, daha fazla özelleştirme seçeneği bulacaksınız.
‘Yorumları Dahil Et’ seçeneğini etkinleştirerek ilerleme çubuğunun toplam uzunluğuna yorumları dahil edebilirsiniz. Yorumları dahil ediyorsanız, yorum ilerleme alanı için farklı bir arka plan rengi de seçebilirsiniz.
Eklenti ayrıca okuma ilerleme çubuğunun yerleşimini seçmenize de izin verir. Varsayılan seçenek, çoğu site tarafından kullanılan üst kısımdır. İlerleme çubuğunu sayfanın sağında, solunda veya altında görüntülemek için değiştirebilirsiniz.
Bunun dışında, okuma ilerleme çubuğunu özelleştirmek için daha fazla seçenek vardır.
Örneğin, çubuğu sağdan sola taşıyabilir, sabit opaklık kullanabilir, cep telefonları ve tabletler gibi dokunmatik cihazlar için ilerleme çubuğunu etkinleştirebilir, hata ayıklama modunu etkinleştirebilir ve daha fazlasını yapabilirsiniz.
İşiniz bittiğinde, ‘Değişiklikleri Kaydet’ düğmesine tıklamayı unutmayın.
Ardından, okuma ilerleme çubuğunun görünümünü düzenlemek için Okuma İlerlemesi altındaki ‘Stil’ sekmesine gidin.
Eklenti, ilerleme çubuğunun kalınlığını seçmenize ve WordPress temanıza uyacak şekilde ön plan ve arka plan renklerini seçmenize olanak tanır.
Arka plan rengi boş ilerleme çubuğunu doldurmak için kullanılır ve ön plan rengi kullanıcı aşağı kaydırdıkça ilerlemeyi göstermek için kullanılır.
Hatta ilerleme çubuğu için şeffaf bir arka plan kullanmanıza da olanak tanır. Bu seçeneğin işaretlenmesi arka plan rengi seçeneklerini geçersiz kılacak ve kullanıcılar bir makaleyi aşağı kaydırdıkça yalnızca ön plan rengi görüntülenecektir.
Stili düzenledikten sonra, ayarlarınızı saklamak için değişiklikleri kaydetmeyi unutmayın.
Artık ilerleme çubuğunu çalışırken görmek için web sitenizdeki herhangi bir blog gönderisini veya açılış sayfasını ziyaret edebilirsiniz.
Umarız bu makale WordPress’e okuma ilerleme çubuğu eklemenize yardımcı olmuştur. Ayrıca en iyi WooCommerce eklentileri listemizi ve en iyi web tasarım yazılımını nasıl seçeceğinizi görmek 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.
Syed Balkhi says
Hey WPBeginner readers,
Did you know you can win exciting prizes by commenting on WPBeginner?
Every month, our top blog commenters will win HUGE rewards, including premium WordPress plugin licenses and cash prizes.
You can get more details about the contest from here.
Start sharing your thoughts below to stand a chance to win!
Jiří Vaněk says
For websites where the articles are longer than, for example, 1000 words, this is really useful so that the user knows what part of the content he is already in and how much is left. I assume that it can also very well reduce the bounce rate and it helps to “force” people to read the article to the end.
Vikash Pareek says
How to Add a Reading Progress Bar in WordPress Posts without plugin, Because more plugins affect page speed, plugins cannot be installed for every task.
WPBeginner Support says
Plugins and code affect your WordPress site the same. Poor quality code or a poor quality plugin would affect your site’s speed the same. We would recommend taking a look at our article below that goes more in-depth on the number of plugins a site should have.
https://wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Yönetici
Durga Thiyagarajan says
I was looking for this one ! Thank you so much and it worked out. Will this affect the page speed?
WPBeginner Support says
For how plugins affect page speed, you would want to take a look at our article below:
https://www.wpbeginner.com/opinion/how-many-wordpress-plugins-should-you-install-on-your-site/
Yönetici
AmiF says
Hi, thanks for sharing this awesome plugin, in the horizontal way, how to make it fill starting from right to the left? Which part should I change to make it “rtl”? Please someone help me…
Abhijeet says
Plugin ‘worth the read’ has changed its settings…Please update this post
Jonathan Nabais says
Hello there,
It works on my site but it’s invisible because it’s under the background.
How make it visible on the page and not under the page ?
Nirmal Kumar says
Thanks for sharing this awesome plugin. This worked out. Cheers!
Stanley says
It worked, very awesome.
Thanks
K T Bowes says
Works on my pages but not on my blog posts – which is where I really wanted it. Looks good on my pages though.
Tony Abbott says
I followed every step but my posts do not display the progress bar. Also the article states that this plugin does not support pages but the plugin screen does offer you the option to use the plugin on posts and pages.
I received this tutorial by email from yourselves on 6/9//16 so I am assuming you should have checked the validity of the article before you sent it out.
Tim Coe says
Didn’t work for me. The enable box has been replaced by posts and pages boxces but after trying it 3 times I’m giving up.
Marcus says
This is pretty neat. I have a site that primarily works through a Custom Post Type, so I’ll look for another resource for that as many of my articles are long-for reading!
Thanks for sharing!