• Anasayfa
  • /
  • WordPress
  • /
  • WordPress’te Sayfa Sonuna İndikçe Eski Yazıların Yüklenmesi (Facebook & Twitter Tarzı)

WordPress’te Sayfa Sonuna İndikçe Eski Yazıların Yüklenmesi (Facebook & Twitter Tarzı)

Merhaba arkadaşlar kendimde kullanmak üzere uzun zaman bir araştırma yaptım ve bir blogta eklenti kullanmadan sayfa sonuna indikçe eski yazıların yüklenmesi ile ilgili bir makale bulmuştum fakat bir türlü çalıştıramadım daha sonra biraz daha yabancı kaynaklı sitelerde aradığımda bunu küçük bir eklenti ile yapıldığını gördüm ve bende yapmıştım önceki temamda. Şimdi benim gibi arayanlar için bu eklentiyi ve nasıl kullanıldığını size bu yazımda anlatacağım.

Öncelikle aşağıdaki butondan eklentiyi bilgisayarımıza indirelim

Eklentiyi İndir

Rar dosyası içindeki infinite-scroll klasörünü ftp aracılığıyla wp-content/plugins klasörüne kopyalayın ve WordPress admin panelinden Eklentiler > Yüklü eklentilere girerek Infinite Scroll eklentisini aktifleştirin.

Aktifleştirme işlemini gerçekleştirdikten sonra Ayarlar > Infinite Scrolla girin ve karşınıza aşağıdaki yazılar gelecek:

  • Content Selector // İçeriğin id veya class değeri
  • Navigation Selector // Sayfalamanın id veya class değeri
  • Next Selector // “Sonraki Sayfa”nın id veya class değeri
  • Item Selector // İçeriğin id veya class değeri
  • Loading Message // İçerik Yüklenirken Görünecek Mesaj
  • Finished Message // Sayfa Sonuna Geldiğinde Görünecek Mesaj
  • Loading Image // İçerik Yüklenirken Görünecek Resim
  • Behavior // Normal Site Kullanıcıları “Default” Olarak Bırakmalı. Eğer Jquery Masonary Kullanıyorsanız “Masonary/Isotope”i Seçmelisiniz.

Aşağıdaki kodlardan yola çıkarsak daha iyi öğrenebiliriz.

<div id="icerik">
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
<div class="icerikk"> <!-- İçerik Buraya --> </div>
<?php endwhile; endif; ?>
</div>
<div class="sayfalama">
<div class="sol"><?php previous_posts_link('<< ÖNCEKİ') ?></div>
<div class="sag"><?php next_posts_link('SONRAKİ >>','') ?></div>
</div>

Normal bir wordpress blogu için yukarıda verdiğim örneği Infinite Scroll eklentimizde uygun yerlerini dolduralım

  • Content Selector // #icerik
  • Navigation Selector // .sayfalama
  • Next Selector // .sag a.first
  • Item Selector // .icerikk
  • Loading Message // Yükleniyor…
  • Finished Message // Sayfa Sonuna Geldiniz. VEYA Daha Fazla İleti Yok.
  • Loading Image //
  • Behavior // Default

Yapmamız gereken işlemler bu kadar 🙂 Bu makalemin size yardımcı olacağını/olduğunu düşünüyorum. Soru&Sorunlarınızı aşağıda ki yorum kısmından sorabilirsiniz

Merhaba! Ben Burak. 2016 yılında Karadeniz Teknik Üniversitesi Harita Mühendisliği Bölümü’nden mezun oldum. Lise yıllarında HTML & CSS‘e, Üniversite yıllarında WordPress ve Matlab‘e adım attım. Lisans tezimi Matlab üzerinden program yazarak teslim ettim. Çeşitli projeler için WordPress tabanlı yazılımlar geliştirdim.

3 Yorum

Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.