gravatar头像龙笑天  7个月前 (05-16) 来源:龙笑天下 隐藏边栏 |   8 条评论  310 
文章评分 15 次,平均分 5.0

wordpress分页导航是用来切换文章的一个功能,添加了wordpress分页导航后,用户即可自由到达指定的页面数浏览分类文章,而这样的一个很简单功能却有很多朋友在用插件:WP-PageNavi,插件的详细设置请参考这篇文章:WordPress安装WP-PageNavi文章列表分页导航插件,一直响应着一句wordpress界的口号“追求速度,远离插件”,那么如何用代码自定义wordpress的分页导航呢?

今天在此介绍的正是几种实现“wordpress分页导航的代码教程(全网最全版):自定义函数版和wordpress自带函数版”!

自定义函数版

第一种

效果图如下:

自定义函数版 第一种

将以下分页导航函数的代码加到主题的functions.php中先:

然后,在需要的地方,如主题index.php、archive.php、category.php、search.php等模板适当的位置,添加调用代码:

最后,加上美化的css:效果参考这里

第二种

效果图:@爱找主题

自定义函数版 第二种

依然是运用到wordpress的funtions.php文件:

再到主题的style.css文件里添加样式:

到了这步,功能是有了,但还要到前端加上调用,即添加调用代码至主题index.php、archive.php、category.php、search.php:

其中,9的含义是您要显示的页面数,可以自由设置数值大小,样式也可以根据自己的喜欢修改!

第三种

效果图:@EndSkin

自定义函数版 第三种

代码:

然后在需要使用分页导航的地方添加下边的代码:

第四种:简约版

样式精简,效果图如下:

自定义函数版 第四种:简约版

同上面一样,functions.php内加入以下代码:

下面就是在需要分页的地方调用了:

最后附加一些简单的css吧:

使用wordpress的内置分页导航版

wordpress 4.1之后的版本,自带了paginate_links()函数,已经内置好了分页导航的调用函数,其实不用上面的自定义的方法,使用自带的分页导航也挺漂亮!

第一种

来自 @知更鸟

分页式导航调用函数:

添加到主题index、archive等模板适当的位置即可,再配以相应的样式,可实现响应式转换,如下图:

wordpress自带函数版 第一种

相应样式:

如果你的主题非响应式只添加正常模式的样式就可以(去掉媒体查询判断@media screen and )。

第二种

上个效果图先:

wordpress自带函数版 第二种

分页的应用主要有文章列表分页和评论列表分页。那么我们分别描述下函数的调用方法

文章列表分页

评论列表分页

参考CSS样式:

方法有点多,算是分页导航代码大全了吧...大家选择着用吧!css也可自行修改美化!

 

除特别注明外,本站所有文章均为龙笑天下原创,转载请注明出处来自http://www.ilxtx.com/wordpress-page-navigation.html

gravatar头像
龙笑天 最后编辑于:2016-06-11
互助分享,互联网本该如此!

发表评论

表情 链接 贴图 私信 格式 签到

最赞评论
  1. gravatar头像
    龙笑天 年费会员 博 主

    @真我风采实用的才是最好的

    2016-05-22 18:38
    1 0
  2. gravatar头像
    精选故事网 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

    干货呀!!!顶博主大大 [赞]

    2016-05-21 15:26
    1 0
  1. gravatar头像
    真我风采 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省南通市 联通

    真的非常珍贵。

    地板 2016-05-22 14:09
    0 0 回复
  2. gravatar头像
    精选故事网 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

    干货呀!!!顶博主大大 [赞]

    板凳 2016-05-21 15:26
    1 0 回复
  3. gravatar头像
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows 7 广西南宁市 电信

    有没有一种在最后面有一个阅读全文的按钮?

    沙发 2016-05-20 21:54
    0 0 回复
    • gravatar头像
      龙笑天 年费会员 博 主

      @boke112导航[疑问] 不是很懂你的意思哦 这个是文章列表的分页导航~~

      2016-05-20 22:30
      0 0 回复
      • gravatar头像
        boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信

        @龙笑天[呲牙] 我这个问题是针对文章分页的,想增加一个阅读全文的按钮,不懂如何下手

        2016-05-30 9:39
        0 0 回复
        • gravatar头像
          龙笑天 年费会员 博 主

          @boke112导航懂你的意思了,分页的文章里面添加全文阅读按钮。我也没见到有人折腾这个,这个确实是个不错的功能!

          2016-05-30 10:04
          0 0 回复
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录。
快捷登录后,请完善资料中的电子邮件地址,可及时收到回复邮件通知和用于登录!

切换登录

注册

扫一扫二维码分享