WordPress

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

Bu yazı 3 ay veya daha önce yayınlanmış olduğundan görülen linklerde, resimlerde veya kodlarda hata olabilir. Herhangi bir hata ile karşılaşırsanız bana buradan bildirebilirsiniz. Anlayışınız için teşekkür eder, keyifli okumalar dilerim.

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

3 comments
Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

PREMIUM WORDPRESS TEMALARI
wordpress emlak teması
wordpress rent a car teması v2
%d blogcu bunu beğendi: