1、首先将如下代码加入function.php中,默认每页显示10条
1 | function par_pagenavi( $range = 9){ |
2 | global $paged , $wp_query ; |
3 | if ( ! $max_page ) { $max_page = $wp_query ->max_num_pages;} |
4 | if ( $max_page > 1){ if (! $paged ){ $paged = 1;} |
5 | if ( $paged != 1){ echo "<a href='" . get_pagenum_link(1) . "' class='extend' title='跳转到首页'> 返回首页 </a>" ;} |
6 | previous_posts_link( ' 上一页 ' ); |
7 | if ( $max_page > $range ){ |
8 | if ( $paged < $range ){ for ( $i = 1; $i <= ( $range + 1); $i ++){ echo "<a href='" . get_pagenum_link( $i ) . "'" ; |
9 | if ( $i == $paged ) echo " class='current'" ; echo ">$i</a>" ;}} |
10 | elseif ( $paged >= ( $max_page - ceil (( $range /2)))){ |
11 | for ( $i = $max_page - $range ; $i <= $max_page ; $i ++){ echo "<a href='" . get_pagenum_link( $i ) . "'" ; |
12 | if ( $i == $paged ) echo " class='current'" ; echo ">$i</a>" ;}} |
13 | elseif ( $paged >= $range && $paged < ( $max_page - ceil (( $range /2)))){ |
14 | for ( $i = ( $paged - ceil ( $range /2)); $i <= ( $paged + ceil (( $range /2))); $i ++){ echo "<a href='" . get_pagenum_link( $i ) . "'" ; if ( $i == $paged ) echo " class='current'" ; echo ">$i</a>" ;}}} |
15 | else { for ( $i = 1; $i <= $max_page ; $i ++){ echo "<a href='" . get_pagenum_link( $i ) . "'" ; |
16 | if ( $i == $paged ) echo " class='current'" ; echo ">$i</a>" ;}} |
17 | next_posts_link( ' 下一页 ' ); |
18 | if ( $paged != $max_page ){ echo "<a href='" . get_pagenum_link( $max_page ) . "' class='extend' title='跳转到最后一页'> 最后一页 </a>" ;}} |
2、分页样式设计如下,加入引用的css中
2 | .page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;} |
3 | .page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;} |
4 | .page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;} |
3、在具体页面调用,比如search.php(搜索列表页),category.php(新闻分类列表页)
1 | <div class = "page_navi" ><?php par_pagenavi(9); ?></div> |
4、搜索相对较为简单 直接在循环结束 调用如下
4 | <div class = "page_navi" ><?php par_pagenavi(9); ?></div> |
5 | <div class = "block3" ></div> |
作者: 蜗牛博客
网址: http://www.snailtoday.com/
版权所有。转载时必须以链接形式注明作者和原始出处及本声明。