当前位置:首页 > 分享经验 > 非插件实现wordpress文章列表分页导航功能

非插件实现wordpress文章列表分页导航功能

技术宅的主题没有分页导航的功能。最初一直使用的是wp_PageNavi插件,但是毕竟插件总会降低博客的效率,熟悉技术宅的朋友就会知道,不到万不得已我是基本不会选择插件来实现相关功能的,这个一方面为了提高博客运行效率,另一方面也是为了学到更多的东西。

今天技术宅和朋友们分享一下自己的不使用插件,代码实现wordpress文章列表分页导航功能。

基本的代码还是来自网上,但是我测试很多,发现很多代码都是不能运行的,最后综合很多才成功。总之基本思路还是在function中添加相关函数,然后css中定义样式,最后在需要使用列表的位置进行调用,具体方法如下:

1、function文件中添加相关函数

在wordpress后台,【外观】—【编辑】—【functions】,在第一行<?php 后添加如下代码:

function par_pagenavi($range = 5){
    global $paged, $wp_query;
    if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}
    if($max_page > 1){if(!$paged){$paged = 1;}
    if($paged != 1){echo "<a href='" . get_pagenum_link(1) . "' class='extend' title='跳转到首页'> 返回首页 </a>";}
    previous_posts_link(' 上一页 ');
    if($max_page > $range){
        if($paged < $range){for($i = 1; $i <= ($range + 1); $i++){echo "<a href='" . get_pagenum_link($i) ."'";
        if($i==$paged)echo " class='current'";echo ">$i</a>";}
    } elseif ($paged >= ($max_page - ceil(($range/2)))){
        for($i = $max_page - $range; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";
        if($i==$paged)echo " class='current'";echo ">$i</a>";}
    } elseif ($paged >= $range && $paged < ($max_page - ceil(($range/2)))){
        for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++){echo "<a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " class='current'";echo ">$i</a>";}}
    } else {
        for($i = 1; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";
        if($i==$paged)echo " class='current'";echo ">$i</a>";}
    }
    next_posts_link(' 下一页 ');
    if($paged != $max_page){echo "<a href='" . get_pagenum_link($max_page) . "' class='extend' title='跳转到最后一页'> 最后一页 </a>";}
    }
}

2、在css样式表中添加对应的样式代码

在wordpress后台,【外观】—【编辑】—【主题的css文件】,在最后加入如下css代码:

.page_navi{width:100%;height:36px;line-height:36px;text-align:center;overflow:hidden;padding-top:1em;}
.page_navi a{padding:3px 8px;margin:2px;text-decoration:none;color:#888;border:1px solid #ccf;}
.page_navi a:hover,.page_navi a.current{border:1px solid #356aa0;color:#356aa0;font-weight:bolder;}

这个css代码实现的效果就是和现在技术宅使用的效果一样,大家运用时可以根据自己的主题进行调教哈。

3、在需要位置进行调用

主要集中在single.php、search.php、index.php、category.php这几个文件中,还会在后台编辑中使用。调用的位置一般为主循环之后,一般会由<?php endwhile; ?>结尾,在这之后添加如下调用代码:

<div class="page_navi"><?php par_pagenavi(9); ?></div>

这样整个代码实现wordpress文章列表分页导航功能完成了。

技术宅可以保证这个函数和css以及调用都是没有问题的。如果大家试用后发现无法调用或者加了代码之后直接网站打不开了,原因肯定在于调用时插入的位置不对或者调用中删除了一些必须代码。建议多探究。

友荐云推荐
  • «
  • »
  • 作者:
    除非注明,本文原创:技术宅,欢迎转载!转载请以链接形式注明本文地址,谢谢。
    原文链接:http://www.jishuzh.com/share/非插件实现wordpress文章列表分页导航功能.html

    4 thoughts on “非插件实现wordpress文章列表分页导航功能

    1. 雷东升

      哈哈,有的主题作者比较周到,直接给写进主题了

    2. 创意礼物

      谢谢了 很有用

    3. www.94haha.com

      很多东西都挺实用呢

    4. 防辐射服哪个牌子好

      发现技术高手真多啊!

    评论已关闭.