无插件仅代码实现 WordPress 分页导航(2)

4,637
无插件仅代码实现 WordPress 分页导航(2)
  • 2.67 / 5 5
2.67分(3票)
无插件仅代码实现 WordPress 分页导航(2)

最近在折腾 Jeff的阳台 的新主题,在老外的一个主题那里找到了分页导航的一段没有见过的代码,相对应之前的代码而言比较简洁(核心代码仅仅十来行),在这里推荐给大家。顺便多嘴一下:相信过不了多久 Jeff的阳台 就会重新换个皮肤改版上线,唯有新主题上线才能唤起我勤奋更新的动力了!

无插件仅代码实现 WordPress 分页导航教程

一、添加如下代码至主题的funtions.php文件夹内:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
//分页导航 devework.com
function dw_pagination() {
    global $wp_query;
    $big = 999999999;
     $paginate_links = paginate_links( array(
        'base' => str_replace( $big, '%#%', get_pagenum_link($big) ),
        'current' => max( 1, get_query_var('paged') ),
        'total' => $wp_query->max_num_pages,
        'mid_size' => 4
    ) );
     if ( $paginate_links ) {
        echo '<div class="pagination">';
        echo $paginate_links;
        echo '</div><!--// end .pagination -->';
    }
}

二、添加美化代码至主题style.css(供参考):

1
2
3
4
5
6
.pagination{text-shadow:none;margin-top:20px;text-align:center}
.pagination a{color: #999;}
.pagination a:hover {border: 1px solid #27A9E3;background-color: #27A9E3;color: #fff;}
.pagination .current{border: 1px solid #27A9E3;
background-color: #27A9E3;}
.pagination  .page-numbers{border:solid 1px #DEDEDE;display:block;float:left;margin-right:3px;padding:3px 8px;position:relative}

三、添加调用代码至主题index.php、archive.php、category.php、search.php:

1
<?php if ( function_exists('dw_pagination') ) { dw_pagination(); } ?>

函数中的数组值'mid_size'可以修改为主题需要的值(不同数值代表什么意思你试试就知道)。话说,老外也够谨慎,还加个判断 function_exists

喵~本文目前有2条留言,欢迎发表评论!

  1. 传说中的沙发
    :

    请问,“上一页” “一下页” “最后一页”这些字在哪里改啊?

    [回复]
    • “上一页” “一下页” “最后一页”这些字是调用WordPress 的.

      [回复]

打破沉默,我来发表评论鸟~