WordPress 单页面上一页下一页的实现方法【附代码】(wordpress单页面店铺)

编辑：rootadmin

推荐整理分享WordPress 单页面上一页下一页的实现方法【附代码】(wordpress单页面店铺)，希望有所帮助，仅作参考，欢迎阅读内容。

文章相关热门搜索词:wordpress单页面店铺,wordpress单页面店铺,wordpress 文章页,wordpress单页面模板,wordpress单页面主题,wordpress独立页面,wordpress单页面店铺,wordpress单页面店铺,内容如对您有帮助，希望把文章链接给更多的朋友！

WordPress的文章页页有实现上一篇下一篇的功能函数，不过我们想在单页page.php里面实现上一页下一页的功能，previous_post_link()和next_post_link() 函数还不能完全满足我的需要，所以就自己写函数实现。页面有分级功能，需求是按 menu order 排序的子级页面之间有上一篇、下一篇链接，如:

Themes（父级页面）---- zBench（子级页面1）---- zBorder（子级页面2）---- zSofa（子级页面3）

如果当前页面是 zBorder，那么就要上一篇链接是 zBench 的，下一篇链接是 zSofa 的。

[函数]

subpage_nav_link($prevText, $nextText)

[参数]

$prevText: 为前一篇文章链接文字，为空时默认是页面标题$nextText: 为下一篇文章链接文字，为空时默认是页面标题；

例如：一般的主题是在 page.php 的 loop 循环里面（不知道就在 the_content(); 下面吧）插入调用代码

注：可以用 if (!$subpage_nav_link[0]) 来判断有没有上一篇，同样 if (!$subpage_nav_link[1]) 来判断有没有下一篇。

WordPress 单页面上一页下一页的实现方法【附代码】(wordpress单页面店铺)

PS: $prevText 和 $nextText 还支持字符组合，如 subpage_nav_link('oo %title xx', '') 这样的话，前一篇文章链接文章会变成“oo 页面名 xx”

另一篇实用文章：实现wordpress文章页调用同分类上/下一篇文章

wordpress提供的显示上一篇、下一篇文章的函数代码是按照发布顺序调用的，前几天做的wordpress小说模板，由于使用每个分类添加一部小说《博客吧首款wordpress小说网站主题模板wpnovel》，如果使用这样的上下篇文章调用顺序显示不合适，让文章页显示同分类下的上一篇、下一篇文章才是正道，wordpress是强大的，总能满足用户的想法，通过搜索找到了相关的函数代码。

默认直接调用的代码

<&#;php previous_post_link('上一篇: %link') &#;><&#;php next_post_link('下一篇: %link') &#;>

当文章处于首篇或末篇时，会显示空白，但可以通过增加判断还填补空白

<&#;php if (get_previous_post()) { previous_post_link('上一篇: %link');} else {echo "已是最后文章";} &#;><&#;php if (get_next_post()) { next_post_link('下一篇: %link');} else {echo "已是最新文章";} &#;>

经过测试虽然显示同分类下的文章，但首篇文章和末尾的文章会不显示对应的提示信息“已是最后文章”和“已是最后文章”。只要在get_previous_post()函数中指定一下文章所属分类ID便能使代码完全有效。

下面是完整的代码：

打开主题目录下的文章页single.php，在要显示的位置添加代码，保存文件即可。

以上这篇WordPress 单页面上一页下一页的实现方法【附代码】就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持积木网。

js实现上一页下一页的效果【附代码】 Javascript返回上一页:1.history.go(-1),返回两个页面:history.go(-2);2.history.back().3.window.history.forward()返回下一页4.window.history.go(返回第几页,也可以使用访问过的UR

js实现页面跳转的五种方法推荐 js实现页面跳转的五种方法推荐第一种：scriptlanguage="javascript"type="text/javascript"window.location.href="xx.jspbackurl="+window.location.href;/script第二种：scriptlanguage="java

标签: wordpress单页面店铺

本文链接地址:https://www.jiuchutong.com/biancheng/377484.html 转载请保留说明！

上一篇：JavaScript资源预加载组件和滑屏组件的使用推荐(javascript resources)

下一篇：js实现上一页下一页的效果【附代码】(js上滑翻页)