现在很多WordPress主题都会自带分页功能,除了少部分主题,特别是英文主题没有自带分页功能,或者是简单的前一页,后一页这样比较简单的分页,这种功能都不会符合用户体验,那么我们该如何实现分页功能呢?今天我们就一起看看WordPress使用代码实现分页功能方法。

今天来一起了解一下:
1.定义脚本部分
function par_pagenavi($range = 9){
if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
if($max_page > 1){if(!$paged){$paged = 1;}
if($paged != 1){echo “ 返回首页 ”;}
previous_posts_link(‘ 上一页 ‘);
if($max_page > $range){
if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo “$i”;}}
elseif($paged >= ($max_page – ceil(($range/2)))){
for($i = $max_page – $range; $i <= $max_page; $i++){echo “$i”;}}
elseif($paged >= $range && $paged < ($max_page – ceil(($range/2)))){
for($i = ($paged – ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo “$i”;}}}
else{for($i = 1; $i <= $max_page; $i++){echo “$i”;}}
next_posts_link(‘ 下一页 ‘);
if($paged != $max_page){echo “ 最后一页 ”;}}
}
2.CSS样式部分
.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}
3.调出分页部分