Ö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 Sayfanı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/Isotopei Seçmelisiniz.
<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
Kaynak: http://buraksah.in/wordpresste-sayfa...ter-tarzi.html