测试时间 2019.04.05
测试版本: wordpress 5.1.1 中文版
测试步骤:共 4
1. 在主题的 functions.php 中,添加分页函数,代码如下
/**
* 数字分页函数
* 因为wordpress默认仅仅提供简单分页
* 所以要实现数字分页,需要自定义函数
* @Param int $range 数字分页的宽度
* @Return string|empty 输出分页的HTML代码
*/
function lingfeng_pagenavi( $range = 4 ) {global $paged,$wp_query;if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}if( $max_page >1 ) {echo "<div class='fenye'>"; if( !$paged ){$paged = 1;}if( $paged != 1 ) {echo "<a href='".get_pagenum_link(1) ."' class='extend' title='跳转到首页'>首页</a>";}previous_posts_link('上一页');if ( $max_page >$range ) {if( $paged <$range ) {for( $i = 1; $i <= ($range +1); $i++ ) {echo "<a href='".get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a>";}}elseif($paged >= ($max_page -ceil(($range/2)))){for($i = $max_page -$range;$i <= $max_page;$i++){echo "<a href='".get_pagenum_link($i) ."'";if($i==$paged)echo " class='current'";echo ">$i</a>";}}elseif($paged >= $range &&$paged <($max_page -ceil(($range/2)))){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>";}}}else{for($i = 1;$i <= $max_page;$i++){echo "<a href='".get_pagenum_link($i) ."'";if($i==$paged)echo " class='current'";echo ">$i</a>";}}next_posts_link('下一页');if($paged != $max_page){echo "<a href='".get_pagenum_link($max_page) ."' class='extend' title='跳转到最后一页'>尾页</a>";}echo '<span>共['.$max_page.']页</span>';echo "</div>\n"; }
}
2. 添加分页样式,代码以下
/*------------------分页部分的CSS
------------------*/
.fenye{ height: 25px;line-height: 25px;_background: #F9F9F9;padding: 2px 5px;margin: 20px 4px;_border: solid 1px #ccc;_text-align: center;
}.fenye a{padding:4px 6px 4px 6px;margin:0 2px 0 2px;border:1px solid #aaa;text-decoration:none;color:#333;
}.fenye a.current{ background:#ff6f3d; color:#fff;
}.fenye a:hover{background:#ff6f3d;color:#fff;
}
3. 在需要分页地方,这里是 category.php 中,添加以下代码
<?php lingfeng_pagenavi();?>
4. 注意: 自定义分页时,每页的文章数,要与 设置 -> 阅读 中的 每页的文章数 相同。