Dragon
  • 真诚欢迎您的来访,留言,投稿!欢迎(Ctrl+D)收藏并经常访问本站 ---- https://www.ilxtx.com
  • 龙笑天下WordPress带用户中心和商城系统的博客CMS主题Dragon强势来袭,功能众多,总有一个中意你,心动吗? 『立即了解详情
龙笑天龙笑天  2016-05-16 16:47 龙笑天下 隐藏边栏 |   14 条评论  2,210 
文章评分 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 也可自行修改美化!

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

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

发表评论

表情 贴图 链接 私密 格式 签到
最赞评论
  1. boke112导航
    boke112导航 评论达人 LV.3 来自天朝的朋友 谷歌浏览器 45.0.2454.101 Windows XP 广西南宁市 电信

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

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

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

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

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

  1. 交游天下 来自天朝的朋友 谷歌浏览器 73.0.3683.86 Linux 广东省深圳市南山区 电信

    第一个问题:这个分页列表调用标签添加到分类栏目模版当中之后,如何添加参数排除指定的分类,让指定的分类不带分页功能。(分页标签添加到分类栏目模版之后,貌似是对所有分类都生效的)

    第二个问题(如果第一种解决办法不能实现,就用这个思路):有没有办法指定每个分类列表页显示的内容数量,分别来指定显示的数量,这样,就不用考虑前面的问题了!

    6楼 2019-03-30 14:28
    0 0 回复
  2. 在线看小说 来自天朝的朋友 Safari浏览器 602.1 iPhone iPhone OS 10_3_3 like Mac OS X) AppleWebKit 陕西省 移动数据上网公共出口

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

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

    求个文章内页的分页代码

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

    真的非常珍贵。

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

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

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

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

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

登录

短信快捷登录 忘记密码 ?

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

切换登录

注册

验证码

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

×

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

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

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

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

扫一扫二维码分享