WordPress Eklentisiz Sayfalama Yapımı

12 yıl önce

Merhaba arkadaşlar bildiğiniz gibi geçen günler de üçüncü temam olan Baharat V1 temasını sizlerle ücretsiz olarak paylaşıma sundum aslında bu tema benim için büyük bir eğitim oldu diyebiliriz.Birçok özelliği bu tema ile öğrendim ve burada sizlerle paylaşmaya çalışıyorum.Bugün sizlere wordpress eklentisiz sayfalama yapımını göstereceğim yani WP-Pagenavi eklentisini kullanmadan da sayfalama özeliği yapabileceksiniz.Bildiğiniz gibi arkadaşlar Pagenavi eklentisi sitelerimizde hem ek bir css sorgulaması başlatıyor hem de sistemi kasabiliyordu.Bu yüzden sitelerimizde yavaşlamaya sebep oluyordu.Şimdi göstereceğim şekilde eklentisiz sayfalama özelliği yaparak sisteminizden büyük bir yük kaldırabilirsiniz.

Öncelikle arkadaşlar function.php dosyanızı açınız ve aşağıda ki kodları bu dosyaya ekleyiniz.

 
function sayfalama($pages = '', $range = 3)
{
$showitems = ($range * 2)+1;
global $paged;
if(empty($paged)) $paged = 1;
if($pages == '')
{
global $wp_query;
$pages = $wp_query->max_num_pages;
if(!$pages)
{
$pages = 1;
}
}
if(1 != $pages)
{
echo "<div class='wp-pagenavi'>";
echo "<span>".$paged."/".$pages."</span>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<a href='".get_pagenum_link(1)."'>İlk</a>";
if($paged > 1 && $showitems < $pages) echo "<a href='".get_pagenum_link($paged - 1)."'>&laquo;</a>";
for ($i=1; $i <= $pages; $i++)
{
if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
{
echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";
}
}
if ($paged < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($paged + 1)."'>&raquo;</a>";
if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) echo "<a href='".get_pagenum_link($pages)."'>Son</a>";
echo "</div>\n";
}
}

Daha sonra arkadaşlar aşağıda ki CSS kodlarını CSS dosyanıza ekleyerek sayfalama özelliğinize şekil verebilirsiniz , kodlarda oynama yaparak istediğiniz şekilde görünüm oluşturabilirsiniz.

.wp-pagenavi {clear:both;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration:none;border:1px solid #BFBFBF;padding:3px 5px;margin:2px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;font-size:13px;-webkit-box-shadow:0 1px 4px #ccc;-moz-box-shadow:0 1px 4px #ccc;box-shadow: 0 1px 4px #ccc;}
.wp-pagenavi a:hover {background:#2c2c2c;color:#FFF;}
.wp-pagenavi span.current {color:#FFF;font-weight:bold;background:#2c2c2c;}

Görünüm özelliklerimizi de ayarladıktan sonra artık eklentisiz sayfalama özelliğimizi temamızda kullanmaya başlayabiliriz.Aşağıda göreceğiniz kodu siteniz de gerekli yerlere eklediğinizden sonra eklentisiz sayfalama özelliği çalışmaya başlayacaktır.

<?php sayfalama(); ?>

Bu kadar basit bir şekilde arkadaşlar eklentisiz sayfama özelliği yaparak sitemizde ki bir yükü daha azaltmış oluyoruz.Bundan sonra bu tip paylaşımlara devam edeceğim sitemi takip edebilirsiniz.

Yorumlar (13)

  1. Tuncay dedi ki:

    Ne kadar az eklenti o kadar az cpu , teşekürler

  2. Kerim Potuk dedi ki:

    HOcam bir kaç tane denedim tek seninki çalıştı teşekkürler.

    Bu arada functions.php’ye ekleyeceğimiz odların en altındaki div’in kapanışının hemen sağ tarafında bir ‘n’ harfi var haberiniz olsun. Ben biraz aradım bu harf de nereden çıkıyor böyle diye :D

  3. Tevfik Aktunç dedi ki:

    Bu eklenti ile 10’dan sonra sayfa “1” oluyor, bunu nasıl 5 konudan sonra yapabiliriz ?

  4. Doğukan dedi ki:

    Hocam allah razı olsun sayende büyük bir sorunun üstesinden geldim :)

  5. Gökhan dedi ki:

    Kardeşim piyasa da okadar çok Anlatım Yapılmış ama Bir Tek Bu Kodlar oldu Eyw Sağol Kardeşim..

  6. Ahmet dedi ki:

    Hocam bu kodlar her yerde var. Evet ilk bir kaç sayfada kodlar çalışıyor. Yani birden ikiye dörte falan gidiliyor ama 10’uncu sayfaya tıkladımmı 1’inci sayfaya geri dönüyor.
    Sitemde bulunan diğer sayfalara ulaşamıyorum.
    Okunma kısmındaki ayarı falan da değiştirdim. 0 verdirmiyor. 1 olmuyor-5 olmuyor- 11 olmuyor- hatta 99999 bile yaptım ki o zaman da sayfam gözükmüyor.
    Bu konuda lütfen bir cevap, çözüm varsa paylaşırsanız sevinirim….
    Acil cevap bekliyorum saygılar…

  7. tolga dedi ki:

    özel bir temada kullandım ortam function dosyasına bu kodu eklenyince yazı eklerken ortam dosyaları görünmüyor

  8. gokhan dedi ki:

    merhaba ben sayfalamayı numara ile yaptım fakat hem numara gözükmekte hemde wordpress in eski yazılar yeni yazılar linki görünüyor. wordpress in linklerini nasıl kaldırabilirim