WordPress代码：添加分页导航菜单（非插件实现）

分页导航菜单是一个网站必不可少的元素，今天就和大家分享一下倡萌使用了很久的 WordPress代码实现分页导航 的方法。

导航的效果如图所示：

实现的方法很简单，一起来折腾吧。

1.将下面的代码放到 functions.php 最后一个 ?> 的前面

function twentytwelve_page_nav($range=5){
    global $paged,$wp_query;
    $max_page = $wp_query->max_num_pages;
    if($max_page > 1){
        if(!$paged){
            $paged = 1;
        }
        if($paged > 1){
            echo " 返回首页 ";
            previous_posts_link(' 上一页 ');
        }
        if($max_page<=$range || $paged <= 3){
            //如果最大页数小于显示页面范围$range，或者传进来的页码小于等于3，则显示前5个页码
            for($i = 1; $i <= $max_page; $i++){
                echo "$i";
            }
        }elseif($max_page>$range&&$paged<$max_page-5){
            //如果最大页数$max_page大于显示页码范围$range，将显示当前页面前后2个页码（包含自身）共5个页码
            $pages = range($paged-2,$paged+2,1);
            for($i=0;i<5;$i++){
                echo "$pages[i]";
            }
        }else{
            //如果最大页数$max_page大于显示页码范围$range且已经是最后5个页码，那么显示最后五个页码
            for($i = $paged; $i <= $max_page; $i++){
                echo "$i";
           }
        }
        next_posts_link(' 下一页 ');
        if($paged != $max_page){
            echo " 最后一页 ";
        }
    }
}

2.添加下面的css样式到你的 style.css中

.page_navi{
    overflow:hidden;
    width:100%;
    text-align:center;
}
.page_navi a{
    height:36px;
    border:1px solid #DDD;
    -webkit-border-radius:12px;
    -moz-border-radius:12px;
    border-radius:12px;
    color:#888;
    text-decoration:none;
    line-height:36px;
    margin:2px;
    padding:3px 8px;
}
.page_navi a:hover,.page_navi a.current{
    border:1px solid #f40;
    color:#f40;
    font-weight:bold;
}

3.在需要显示的地方（比如主题的 index.php、archive.php、category.php、search.php）中添加下面的调用代码即可

上面的数字表示最大显示几页，你可以根据自己的需要修改。