Sonsuz kaydırma, yıllar boyunca gelip geçtiğini gördüğümüz web sitesi trendlerinden biridir. Bloglar, haber portalları ve kullanıcıların sonsuz gezintiden keyif aldığı sosyal medya platformları gibi içerik ağırlıklı siteler için harikadır.
Ziyaretçilerinizi içeriğinize bağlı tutmak istiyorsanız, sonsuz kaydırma aradığınız çözüm olabilir. Bu özellik, kullanıcılar aşağı kaydırdıkça yeni içeriği otomatik olarak yükler, böylece bir sonraki sayfaya tıklamak zorunda kalmazlar.
Peki bunu WordPress sitenize nasıl eklersiniz? Endişelenmeyin, çünkü teknik becerileriniz ne olursa olsun sonsuz kaydırmayı uygulamanın 3 kolay yolunu bulduk.
WordPress Sitenize Neden Sonsuz Kaydırma Eklemelisiniz?
Sonsuz kaydırma, bir sonraki içerik sayfasını otomatik olarak yüklemek ve mevcut sayfanın sonunda göstermek için AJAX sayfa yükleme teknolojisini kullanan bir web tasarım trendidir. Özellikle mobil cihaz kullanan ziyaretçiler için içeriğinize göz atmayı daha kolay ve keyifli hale getirebilir.
Daha fazlasını görmek için bağlantılara tıklamak yerine, sonsuz kaydırma, kullanıcılar aşağı kaydırdıkça yeni içeriği otomatik olarak yükler. Bu daha sorunsuz deneyim, kullanıcıların sitenizde daha uzun süre kalmasını sağlayabilir ve sayfa görüntülemelerinizi artırabilir.
Bununla birlikte, sonsuz kaydırma, her sayfanın alfabenin farklı bir harfi olduğu web dizinleri gibi her tür web sitesi için en iyi seçim olmayabilir. Sonsuz kaydırma kullanıyorsanız WordPress blogunuzda altbilgi de gösteremezsiniz.
Ayrıca, sonsuz kaydırma sunucunuza ekstra yük bindirebilir. Bu nedenle, denemek istiyorsanız, WordPress web sitenizin performansını optimize etmek iyi bir fikirdir.
Bununla birlikte, WordPress web sitenize sonsuz kaydırmayı nasıl ekleyeceğinize bir göz atalım. Belirli bir yönteme geçmek için bu hızlı bağlantıları kullanabilirsiniz:
Yöntem 1: Catch Infinite Scroll ile Sonsuz Kaydırma Ekleme (Önerilen)
Testlerimiz ve araştırmalarımız sırasında, sonsuz kaydırma eklemenin en iyi yolunun Catch Infinite Scroll eklentisi olduğunu gördük. Kullanımı basit olmasının yanı sıra, sonsuz kaydırmanın nasıl davranacağını özelleştirmenize de olanak tanır.
Yapmanız gereken ilk şey Catch Infinite Scroll eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından, WordPress kontrol panelinizde ‘Catch Infinite Scroll’ etiketli yeni bir menü öğesi göreceksiniz. Eklenti ayarlarını yapılandırmak için tıklamanız yeterlidir.
Kullanıcı sayfayı aşağı kaydırmaya başladığında sonsuz kaydırmayı tetiklemek istiyoruz.
Bunu aklınızda tutarak, ‘Yükle’ açılır menüsünü açın ve ‘Kaydır’ı seçin. ‘Tıkla’yı seçerseniz, Catch Infinite Scroll bunun yerine bir ‘Daha Fazla Yükle’ düğmesi gösterecektir.
Ardından, gezinti seçicisini, sonraki seçiciyi, içerik seçiciyi ve öğe seçiciyi özelleştirebilirsiniz. Varsayılan ayarlar oldukça iyi çalışır, bu nedenle herhangi bir değişiklik yapmanıza gerek yoktur.
‘Görüntü’ bölümü, Infinite Scroll’un içerik yüklerken göstereceği içerik yükleyici simgesini gösterir.
Varsayılan olarak bir yükleyici GIF görüntüsü kullanır, ancak isterseniz bunu değiştirebilirsiniz. Basitçe ‘Yükle’ye tıklayın ve ardından medya kütüphanesinden bir resim seçin veya yeni bir dosya yükleyin.
Sonsuz kaydırmanın nasıl ayarlandığından memnun olduğunuzda, değişikliklerinizi kaydetmek için ‘Değişiklikleri Kaydet’ düğmesine tıklayın.
Şimdi, WordPress web sitenizi ziyaret ederseniz, sonsuz kaydırmayı çalışırken göreceksiniz.
Yöntem 2: YITH Infinite Scrolling ile Sonsuz Kaydırma Ekleme (WooCommerce Siteleri)
YITHInfinite Scrolling, bir WooCommerce eklentisi geliştiricisi olan YITH tarafından geliştirilen bir sonsuz kaydırma eklentisidir. Yani ürün sayfalarınıza sonsuz kaydırma eklemek istiyorsanız, önerdiğimiz eklenti budur. YITH WooCommerce Points and Rewards gibi diğer YITH eklentileriyle gerçekten harika çalışır.
Bu eklenti kutudan çıktığı gibi çalışır, böylece WordPress web sitenize sonsuz kaydırma eklemek için basitçe yükleyip etkinleştirebilirsiniz. Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından, yeni sonsuz kaydırma özelliğini çalışırken görmek için web sitenizi ziyaret edebilirsiniz.
Sonsuz kaydırmayı değiştirmek istiyorsanız, WordPress panonuzdaki YITH “ Sonsuz Kaydırma bölümüne giderek birkaç basit ayar bulacaksınız.
Burada, sonsuz kaydırmayı etkinleştirebilir ve devre dışı bırakabilirsiniz.
YITH’in içerik yüklerken gösterdiği resmi veya GIF’i de değiştirebilirsiniz. Basitçe ‘Görsel Yükleniyor’ bölümüne gidin ve ardından ‘Yükle’ye tıklayın.
Ardından, WordPress medya kitaplığından bir görsel seçin veya bilgisayarınızdan yeni bir görsel yükleyin.
Yöntem 3: Ajax Load More ile Sonsuz Kaydırma Ekleme (Gelişmiş)
Ajax Load More, tekrarlayıcı şablon, kısa kod oluşturucu ve WordPress sorguları dahil olmak üzere birçok farklı seçeneğe sahip gelişmiş bir arayüze sahiptir.
Eklenti ayrıca birçok sayfa yükleme simgesi stili ve düğme stili dahil olmak üzere daha fazla özelleştirme ayarı sunar.
Bunu akılda tutarak, daha dik bir öğrenme eğrisine sahiptir ve yeni başlayanlar için önerilmez. Bununla birlikte, daha ileri düzey kullanıcılara web sitelerinin sonsuz kaydırması üzerinde tam kontrol sağlar.
Ayrıntılı bir kılavuz için Ajax Load More eklentisini kullanarak WordPress’te daha fazla yazı yükle düğmesi oluşturma eğitimimize bakabilirsiniz.
WordPress’te Sonsuz Kaydırma Ekleme: SSS
WordPress web sitenize sonsuz kaydırma eklemekle ilgili hala sorularınız mı var? Bu tasarım özelliği hakkında sıkça sorulan bazı soruları tartışalım.
Sonsuz kaydırma iyi mi kötü mü?
Sonsuz kaydırmanın artıları ve eksileri vardır. Kullanıcıların çeşitli içeriklere göz atmaktan keyif aldığı sosyal medya, bloglar ve haber siteleri gibi web siteleri için harikadır. Ancak, e-ticaret gibi hedef odaklı siteler için, belirli öğeleri bulmaya çalışan kullanıcılar için sinir bozucu olabilir.
Sonsuz kaydırma performansı artırır mı?
Sonsuz kaydırma, özellikle kaydırmanın doğal olduğu mobil cihazlarda kullanıcıların daha fazla içeriğe hızlı bir şekilde erişmesini kolaylaştırabilir.
Ancak, uygun optimizasyon yapılmazsa, özellikle büyük medya dosyalarında sayfa yükleme sürelerini yavaşlatabilir. Bu nedenle en iyi web sitesi hız ve performans uygulamalarını takip etmek iyi bir fikirdir.
Sonsuz kaydırma SEO için kötü mü?
Uygun optimizasyon olmadan, sonsuz kaydırma WordPress SEO‘su için kötü olabilir. Arama motorları otomatik olarak aşağı kaydırma yapmadıkları için tüm içeriği indekslemeyebilir.
Ancak daha iyi SEO için optimize etmenin yolları vardır. Arama motorlarının ek materyalleri tanıması için AJAX kullanarak daha fazla yükle düğmesi ekleyebilir, içeriğinizi arama motorları için netleştirmek için şema işaretlemesini kullanabilir ve gelecek içeriğe bağlantıları önceden yükleyebilirsiniz.
Sonsuz kaydırma sayfalamadan daha mı iyidir?
Sonsuz kaydırmanın sayfalandırmadan daha iyi olup olmadığı, web siteniz ve kullanıcılarınız için neyin en iyi olduğuna bağlıdır. Sonsuz kaydırma kesintisiz bir deneyim sunarken sayfalandırma daha net bir yapı sağlar. Her ikisinin de avantajları vardır, bu nedenle içeriğinize ve kitlenizin tercihlerine göre seçim yapın.
WordPress Blog Tasarımınızı Optimize Etmenin Daha Fazla Yolunu Öğrenin
WordPress blogunuzu geliştirmek için daha fazla ipucu ve püf noktası mı istiyorsunuz? Bu kılavuzlara göz atın:
- Herhangi Bir WordPress Temasına Paralaks Efekti Nasıl Eklenir?
- Erişilebilirlik için WordPress’te Yazı Tipi Yeniden Boyutlandırma Nasıl Eklenir
- WordPress’te Özel Şekil Bölücü Nasıl Oluşturulur
- Maksimum Sonuç Almak için WordPress Kenar Çubuğu Hileleri
- WordPress’te Herhangi Bir Öğeye Özel Kaydırma Çubuğu Ekleme
- WordPress’te Metin Nasıl Vurgulanır (Başlangıç Kılavuzu)
- WordPress’te Dinamik İçerik Nasıl Eklenir (Başlangıç Rehberi)
Umarız bu eğitim WordPress sitenize sonsuz kaydırmayı nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. WordPress web sitenizi nasıl düzenleyeceğinize ilişkin başlangıç kılavuzumuza ve web sitesi grafikleri için en iyi Canva alternatifleri uzman seçimlerimize de 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.
Jiří Vaněk
How does the search bot behave with infinite scrolling? Can it load the site content, does it only load the first page and skip the rest of the content? I’m interested in this for SEO reasons.
WPBeginner Support
Search plugins would normally scan all of your content but it would depend on the infinite scroll solution for how it would interact with your search in terms of displaying the results.
Yönetici
Jiří Vaněk
Ok, thanks for the explanation. It’s probably best to try it to track the results in GSC.
Anant
Can i use Catch Infinite Scroll in pages as well ?
WPBeginner Support
Unless we hear otherwise, the plugin does have an option for loading on pages.
Yönetici
Ben
Hi, When using infinite scroll and the user clicks on a post the back button takes them to the top of the list rather than where they were before.
Is there a fix for this?
WPBeginner Support
Not at this time, you would want to reach out to the plugin’s support for the possibility to add that feature in the future.
Yönetici
Abuel
Hello!
I want to ask on how can i activate infinite scrolling on my blog page that i created using elementor?
Thank you.
WPBeginner Support
You would want to reach out to elementor’s support for that question as elementor’s settings would be the ones your site follows.
Yönetici
Steve
This article is helpful. It’s unclear though how to add content to the scroll. I’d appreciate an explanation.
WPBeginner Support
The scroll would show the next few posts on your site automatically
Yönetici
Astro
How can I apply infinity scrolling to posts on a particular category only?
WPBeginner Support
You would want to check with the support for the plugin you are using for if that is an option or if they have a recommended method for setting that up.
Yönetici
Max
Hi, great post as usual! Is there also a solution to implement a sorting by a category or a tag that the user can choose like in the Neil Patel’s blog listing page?! Thank you in advance.
WPBeginner Support
For the ability to filter your posts by category, you would want to take a look at our guide here: https://www.wpbeginner.com/plugins/how-to-let-users-filter-posts-and-pages-in-wordpress/
Yönetici
Fman
Hi there wpbeginner!
I would like to add infinite scroll to related products on my woocommerce site, how do we do that ?
WPBeginner Support
You would want to reach out to the plugin’s support for how to set that up.
Yönetici
Lakmal
Hi
Thank you for your article and i need to know is it can be use for woocommerce sites?
Regards
Lakmal
WPBeginner Support
Unless we hear otherwise, it should work for a WooCommerce site
Yönetici
Bruce Pang
Good article. It’s very useful for a fresh man like me. Thank you very much.
WPBeginner Support
Thank you, glad our article could be helpful
Yönetici