LXTX
龙笑天龙笑天  2016-05-16 16:47 来源:龙笑天下 隐藏边栏 |   12 条评论  1,203 
文章评分 17 次,平均分 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 也可自行修改美化!

本文为原创文章,版权归所有,欢迎分享本文,转载请保留出处!

龙笑天
龙笑天 关注:22    粉丝:12 最后编辑于:2016-06-11
互助分享,互联网本该如此!
×

感谢您对龙笑天的支持,么么哒~

支付宝打赏 龙笑天
请扫码随意打赏

打开支付宝扫一扫,即可进行扫码打赏哦

龙笑天下 - 分享悲伤;共享快乐

发表评论

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

最赞评论
  1. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 Windows XP 广西南宁市 电信

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

  2. 龙笑天
    龙笑天 永久会员 博 主 来自天朝的朋友 火狐浏览器 Windows 7

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

  3. 精选故事网
    精选故事网 来自天朝的朋友 谷歌浏览器 Windows 7 上海市 电信

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

  1. 在线看小说 来自天朝的朋友 Safari浏览器 iPhone iPhone OS 10_3_3 like Mac OS X) AppleWebKit 陕西省西安市 移动数据上网公共出口

    好适用,文章内页分页怎么弄呢

    5楼 2017-08-11 09:29
    0 0 回复
  2. yimo
    yimo 来自天朝的朋友 谷歌浏览器 Windows 7 云南省昆明市 电信

    求个文章内页的分页代码

    4楼 2017-08-10 17:46
    0 0 回复
  3. 真我风采
    真我风采 评论达人 LV.2 来自天朝的朋友 谷歌浏览器 Windows 10 江苏省南通市 联通

    真的非常珍贵。

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

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

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

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

    沙发 2016-05-20 21:54
    0 0 回复
切换注册

登录

忘记密码 ?

您也可以使用第三方帐号快捷登录

切换登录

注册

您也可以使用第三方帐号一键快捷注册

扫一扫二维码分享