WordPress 主题开发：实现分页功能

1
 posts_nav_link( $sep, $prelabel, $nextlabel ); ?>

1
« Previous Page — Next Page »

1
 posts_nav_link( "    ", 上一页, 下一页 ); ?>

1
上一页    下一页

1
下一页

1
 the_posts_pagination( array(
2
'mid_size' => 3,
3
'prev_text' =>'上一页',
4
'next_text' =>'下一页',
5
'before_page_number' => '第 ',
6
'after_page_number' => ' 页',
7
) ); ?>

1
 if( have_posts() ) : while( have_posts() ) : the_post(); ?>
2

3
 endwhile; ?>
4
//这里放分页代码

1
/**
2
* 数字分页函数
3
* 因为wordpress默认仅仅提供简单分页
4
* 所以要实现数字分页，需要自定义函数
5
* @Param int $range            数字分页的宽度
6
* @Return string|empty        输出分页的HTML代码
7
*/
8
function lingfeng_pagenavi( $range = 4 ) {
9
    global $paged,$wp_query;
10
    if ( !$max_page ) {
11
        $max_page = $wp_query->max_num_pages;
12
    }
13
    if( $max_page >1 ) {
14
        echo "
15
";
16
        if( !$paged ){
17
            $paged = 1;
18
        }
19
        if( $paged != 1 ) {
20
            echo "首页";
21
        }
22
        previous_posts_link('上一页');
23
        if ( $max_page >$range ) {
24
            if( $paged <$range ) {
25
                for( $i = 1; $i <= ($range +1); $i++ ) {
26
                    echo ";
27
                if($i==$paged) echo " class='current'";echo ">$i";
28
                }
29
            }elseif($paged >= ($max_page -ceil(($range/2)))){
30
                for($i = $max_page -$range;$i <= $max_page;$i++){
31
                    echo ";
32
                    if($i==$paged)echo " class='current'";echo ">$i";
33
                    }
34
                }elseif($paged >= $range &&$paged <($max_page -ceil(($range/2)))){
35
                    for($i = ($paged -ceil($range/2));$i <= ($paged +ceil(($range/2)));$i++){
36
                        echo ";if($i==$paged) echo " class='current'";echo ">$i";
37
                    }
38
                }
39
            }else{
40
                for($i = 1;$i <= $max_page;$i++){
41
                    echo ";
42
                    if($i==$paged)echo " class='current'";echo ">$i";
43
                }
44
            }
45
        next_posts_link('下一页');
46
        if($paged != $max_page){
47
            echo "尾页";
48
        }
49
        echo '共['.$max_page.']页';
50
        echo "
51
\n";
52
    }
53
}

1
/*------------------
2
    分页部分的CSS
3
------------------*/
4
.fenye{
5
    height: 25px;
6
    line-height: 25px;
7
    _background: #F9F9F9;
8
    padding: 2px 5px;
9
    margin: 20px 4px;
10
    _border: solid 1px #ccc;
11
    _text-align: center;
12
}
13

14
.fenye a{
15
    padding:4px 6px 4px 6px;
16
    margin:0 2px 0 2px;
17
    border:1px solid #aaa;
18
    text-decoration:none;
19
    color:#333;
20
}
21

22
.fenye a.current{
23
    background:#ff6f3d;
24
    color:#fff;
25
}
26

27
.fenye a:hover{
28
    background:#ff6f3d;
29
    color:#fff;
30
}
31

32
/*-- footer --*/
33
.footer {
34
    width:100%;
35
    height:64px;
36
    background:#E6E9ED;
37
    border-top: 1px solid #e2e2e3;
38
}
39

40

41
/*-- post --*/
42
.post {
43
    background:none;
44
}
45

46
.post .entry-cnt {
47
    height:auto;
48
    line-height:2;
49
    font-size:14px;
50
    border-top-width: 1px;
51
    border-top-style: dotted;
52
    border-top-color: #eee;
53
    padding:15px 0 0;
54
}
55

56
.post .entry-cnt p {
57
    line-height:2;
58
    font-size:14px;
59
}
60

61
.related {
62
    padding:10px 5px 10px 5px;
63
    border-top:1px solid #eee;
64
    border-bottom:1px solid #eee;
65
    margin: 20px auto 10px auto;
66
}
67

68
.r-left {
69
    float:left;
70
}
71

72
.r-right {
73
    float:right;
74
}
75

76
/*-- discuss --*/
77
.discuss {
78
    padding:25px;
79
}

1
 lingfeng_pagenavi();?>

1
 wp_pagenavi(); ?>