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

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

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

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

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

//分页导航 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(供参考):

.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:

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

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

评分:
当前平均分 0.00 (0%) - 0 个投票
3 条 评论
  1. 请问,“上一页” “一下页” “最后一页”这些字在哪里改啊?

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

      10年前 回复
    • 虽然是四年前的评论了,考虑到可能还有人需要,分享一下,要修改上一页下一页的话,修改一下paginate_links的参数就可以了,至于最后一页,似乎现在没有这个了,也就不需要修改了。
      $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,
      ‘prev_text’ => 上一页的文字,
      ‘next_text’ => 下一页的文字
      ) );
      如有错误,欢迎指出,避免误人子弟。 :lol:

      6年前 回复
发表评论