wp自带的分页很一般,只有下一页/上一页,很难满足国内站长的分页需求,国外喜欢的是简约,但是国内还是习惯显示数字页码+上下页的,这可能是生活环境习惯造成的,下面是数字分页的实现方式!
![wp主题开发](https://i-blog.csdnimg.cn/blog_migrate/392468e9e54aac0ea00c4e422f9b21ca.png)
1.首先 function.php里面添加
function pageNavLink( $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.在需要出调用:
<?php pageNavLink();?>
3.将css复制到style.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;}
这样就实现了自定义分页,你也可以修改class和css样式,根据需要实现多样的分页器