怎样为wordpress主题的文章列表添加无插件分页?

测试时间  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 "
"; 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 "尾页"; } echo '共['.$max_page.']页'; echo "
\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 中,添加以下代码

  

4. 注意:  自定义分页时,每页的文章数,要与 设置 -> 阅读 中的  每页的文章数 相同。

 

你可能感兴趣的:(wordpress)