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

WordPress Sitenize Sonsuz Kaydırma Nasıl Eklenir (Adım Adım)

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.

How to Add Infinite Scroll to Your WordPress Site (Step by Step)

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.

Adding infinite scroll to your WordPress website

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.

Adding infinite scroll to your WordPress blog

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.

Creating an infinite scrolling animation

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.

WordPress Infinite Scroll Preview

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.

Enabling infinite scroll with the YITH plugin

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.

How to change the loading icon

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.

The AJAX Load More WordPress plugin

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.

Pagination on a WordPress website

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:

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.

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

21 yorumBir Cevap Bırakın

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

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

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

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

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

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

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

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

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

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

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.