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)."'>«</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)."'>»</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.
