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)

Editoryal Not: WPBeginner üzerindeki ortak bağlantılardan komisyon kazanıyoruz. Komisyonlar, editörlerimizin görüşlerini veya değerlendirmelerini etkilemez. Editoryal Süreç hakkında daha fazla bilgi edinin.

WordPress blogunuza sonsuz kaydırma eklemek mi istiyorsunuz?

Sonsuz kaydırma bir sonraki sayfanızdaki içeriği otomatik olarak yükler, böylece ziyaretçiler sayfalandırma bağlantılarına veya sayfanın altındaki daha fazla yükle düğmesine tıklamak zorunda kalmaz.

Bu makalede, WordPress blogunuza nasıl kolayca sonsuz kaydırma ekleyebileceğinizi adım adım göstereceğiz.

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. Ziyaretçilerin içeriğinizde gezinmesini 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.

Pagination on a WordPress website

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 göz önünde bulundurarak, ‘Yükle’ açılır menüsünü açın ve ‘Kaydır’ı seçin.

Adding infinite scroll to your WordPress blog

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

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 (Kolay)

Yapılandırılacak hiçbir ayarı olmayan basit bir alternatif arıyorsanız, YITH Infinite Scrolling‘i denemek isteyebilirsiniz.

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.

The YITH Infinite Scrolling WordPress 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.

Umarız bu eğitim WordPress sitenize sonsuz kaydırmayı nasıl ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca blog trafiğinizi nasıl artıracağınızı öğrenmek veya web sitenizi büyütmek için sahip olunması gereken WordPress eklentileri için uzman seçimlerimize 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

22 yorumBir Cevap Bırakın

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

  2. Jiří Vaněk says

    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 says

      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

  3. Ben says

    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 says

      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 says

    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 says

      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 says

    This article is helpful. It’s unclear though how to add content to the scroll. I’d appreciate an explanation.

    • WPBeginner Support says

      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

  6. Max says

    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.

  7. Fman says

    Hi there wpbeginner!

    I would like to add infinite scroll to related products on my woocommerce site, how do we do that ?

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.