Uyarı! Bu yazı 10.06.2016 tarihinde yazıldı. O günden bu güne bir çok şey değişmiş ve yazı geçerliliğini yitirmiş olabilir.
Kullandığımız tüm temalarda nerdeyse hazır olarak bu işlev geliyor. Tema yapımcısı bunu es geçmiyor. Fakat temayı biz kodluyorsak bu sefer bu işlevi bizim yapmamız gerekiyor. Alttaki kodlar yardımcı olacaktır. Functions.php dosya içeriğine eklenecek.
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'>"; 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>"; } }
.wp-pagenavi .extend{ display: none; } .wp-pagenavi .pages{ display: none; } .wp-pagenavi span.current{border: 1px solid #000; color: #000; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow: inset 0 0 1px #fff; -ms-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px white; background: #fff; /* For IE and older browsers */ background-image: -moz-linear-gradient(top,#fff 0,#fff 100%); background-image: -ms-linear-gradient(top,#fff 0,#fff 100%); background-image: -o-linear-gradient(top,#fff 0,#fff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#fff)); background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%); background-image: linear-gradient(to bottom,#fff 0,#fff 100%); display: inline-block; line-height: 2.48em; height: 2.4em; text-decoration: none; margin: 0 .3em 12px; padding: 0 .85em; font-size: 12px; text-shadow: 0 1px 0 #fff;} .wp-pagenavi a, .wp-pagenavi a:link,.wp-pagenavi a:visited { border: 1px solid #CCC; color: #666; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; -moz-box-shadow: inset 0 0 1px #fff; -ms-box-shadow: inset 0 0 1px #fff; -webkit-box-shadow: inset 0 0 1px #fff; box-shadow: inset 0 0 1px white; background: #fff; /* For IE and older browsers */ background-image: -moz-linear-gradient(top,#fff 0,#fff 100%); background-image: -ms-linear-gradient(top,#fff 0,#fff 100%); background-image: -o-linear-gradient(top,#fff 0,#fff 100%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#FAFAFA),color-stop(100%,#fff)); background-image: -webkit-linear-gradient(top,#fff 0,#fff 100%); background-image: linear-gradient(to bottom,#fff 0,#fff 100%); display: inline-block; line-height: 2.48em; height: 2.4em; text-decoration: none; margin: 0 .3em 12px; padding: 0 .85em; font-size: 12px; text-shadow: 0 1px 0 #fff; } .wp-pagenavi a:hover{ border: 1px solid #385ae0 !important; -moz-box-shadow: 0 0 3px rgba(0,0,0,.25); -ms-box-shadow: 0 0 3px rgba(0,0,0,.25); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.25); box-shadow: 0 0 3px rgba(0,0,0,.25); }
<?php sayfalama(); ?>
Etiketler