WordPress ile eklentisiz sayfalama yapma
13 Haziran 2019 / 16:21
Burak
Merhaba arkadaşlar,
Bugün sizlerle wordpress ile çok basit bir şekilde sayfalama yapıcaz. Öncelikle temanızın function.php sayfasına aşağıdaki kodu ekleyiniz.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
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 temanızın style dosyasına aşağıdaki kodu ekleyiniz.
1 2 3 4 |
.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;} |
Hepsi bu kadar. Sayfalamanın gözükmesini istediğiniz yere aşağıdaki kodu yapıştırmanız yeterlidir : )
1 |
<?php sayfalama(); ?> |
Bir sonraki wordpress yazısında görüşünceye kadar bol kodlu günler 🙂
Bu Yazılarıda Okuyabilirsiniz...
Bir cevap yazın