Eğitim Videosu

Css Kodları

style.css dosyasına aşağıdaki css kodlarını ekliyoruz. Kendinize göre özelleştirebilirsiniz.

/* Sayfalama CSS Kodu Başlangıcı */
.wp_paging { 
 margin: 0 0 20px; 
 padding: 0; 
}
.wp_paging ul { 
 margin: 0; 
 padding: 0; 
 list-style: none; 
}
.wp_paging ul li { 
 margin: 0; 
 padding: 0; 
 display: inline; 
}
.wp_paging ul li a { 
 float: left; 
 display: block; 
 color: #666; 
 text-decoration: none; 
 margin-right: 5px; 
 padding: 5px 10px; 
 background-color: #FFFFFF; 
 border: 1px solid #999; 
}
.wp_paging ul li a:hover { 
 color: #090; 
}
/* Sayfalama CSS Kodu Sonu */

Fonksiyon Oluşturma

functions.php dosyasına aşağıdaki fonksiyonu ekliyoruz. Fonksiyonun içindeki html kodlarını özelleştirebilirsiniz.

/* sayfalama PHP kodu başlangıcı */
function sayfalama($pages = '', $range = 2)
{
 $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_paging'><ul>";
if($paged > 2 && $paged > $range+1 && $showitems < $pages) echo "<li><a href='".get_pagenum_link(1)."'>İlk</a></li>";
 if($paged > 1 && $showitems < $pages) echo "<li><a href='".get_pagenum_link($paged - 1)."'>Geri</a></li>";
 for ($i=1; $i <= $pages; $i++)
 {
 if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
 {
 echo ($paged == $i)? "<li><a href='#'>".$i."</a></li>":"<li><a href='".get_pagenum_link($i)."'>".$i."</a></li>";
 }
 }
 if ($paged < $pages && $showitems < $pages) echo "<li><a href='".get_pagenum_link($paged + 1)."'>Sonraki</a></li>";
 if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) echo "<li><a href='".get_pagenum_link($pages)."'>Son</a></li>";
 echo "</ul><div class='cleaner'></div></div>";
 }
}
/* sayfalama PHP kodu sonu */

Sayfalama Kodunu Sayfaya Ekleme

Tema içerisinde sayfalamayı istediğimiz yere eklemek için aşağıdaki kodu kullanıyoruz.

<?php sayfalama(); ?>

WordPress WP-PageNavi Eklentisi ile Sayfalama Nasıl Yapılır?