时间:2021-05-25
WordPress的文章页页有实现上一篇下一篇的功能函数,不过我们想在单页page.php里面实现上一页下一页的功能,previous_post_link()和next_post_link() 函数还不能完全满足我的需要,所以就自己写函数实现。
页面有分级功能,需求是按 menu order 排序的子级页面之间有上一篇、下一篇链接,如:
Themes(父级页面)
---- zBench(子级页面1)
---- zBorder(子级页面2)
---- zSofa(子级页面3)
如果当前页面是 zBorder,那么就要上一篇链接是 zBench 的,下一篇链接是 zSofa 的。
把下面函数代码放入 functions.php(注:函数随手写的,可能不够精简)/*** get subpage previous/next page link by zwwooooo*/function subpage_nav_link($prevText='', $nextText='') {global $post;if ( !$post->post_parent ) return null; //如果不是子页面返回Null$args = array('sort_order' => 'ASC','sort_column' => 'menu_order','child_of' => $post->post_parent,'post_type' => 'page');$pages = get_pages($args);$num = count($pages);$i = 0;$index = -1;foreach ($pages as $page) {if ($page->ID == $post->ID) {$index = $i;break;}++$i;}if ($i == 0) {$prev = '';$next = $pages[$index+1];} elseif ($i == $num-1) {$prev = $pages[$index-1];$next = '';} else {$prev = $pages[$index-1];$next = $pages[$index+1];}if ($prev) {if ($prevText) {if ( substr_count($prevText, '%title') > 0 ) {$explode = explode('%title', $prevText);$prevText = $explode[0] . get_the_title($prev->ID) . $explode[1];}} else {$prevText = get_the_title($prev->ID);}$prevlink = '<a class="previous-page-link" href="' . get_page_link($prev->ID). '">' . $prevText . '</a>';}if ($next) {if ($nextText) {if ( substr_count($nextText, '%title') > 0 ) {$explode = explode('%title', $nextText);$nextText = $explode[0] . get_the_title($next->ID) . $explode[1];}} else {$nextText = get_the_title($next->ID);}$nextlink = '<a class="next-page-link" href="' . get_page_link($next->ID). '">' . $nextText . '</a>';}return array($prevlink, $nextlink);}[函数]
subpage_nav_link($prevText, $nextText)
[参数]
$prevText: 为前一篇文章链接文字,为空时默认是页面标题
$nextText: 为下一篇文章链接文字,为空时默认是页面标题;
例如:一般的主题是在 page.php 的 loop 循环里面(不知道就在 the_content(); 下面吧)插入调用代码
复制代码 代码如下:
<?php
if ( function_exists('subpage_nav_link') ) {
if ( $subpage_nav_link = subpage_nav_link() ) {
echo $subpage_nav_link[0]; //上一篇(页面)链接
echo $subpage_nav_link[1]; //下一篇(页面)链接
}
}
?>
注:可以用 if (!$subpage_nav_link[0]) 来判断有没有上一篇,同样 if (!$subpage_nav_link[1]) 来判断有没有下一篇。
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便能使代码完全有效。
下面是完整的代码:
复制代码 代码如下:
<?php
$categories = get_the_category();
$categoryIDS = array();
foreach ($categories as $category) {
array_push($categoryIDS, $category->term_id);
}
$categoryIDS = implode(",", $categoryIDS);
?>
<?php if (get_previous_post($categoryIDS)) { previous_post_link('上一篇: %link','%title',true);} else { echo "已是最后文章";} ?>
<?php if (get_next_post($categoryIDS)) { next_post_link('上一篇: %link','%title',true);} else { echo "已是最新文章";} ?>
打开主题目录下的文章页single.php,在要显示的位置添加代码,保存文件即可。
以上这篇WordPress 单页面上一页下一页的实现方法【附代码】就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
在.aspx页面里的代码复制代码代码如下:[ ][ ]第一页上一页下一页 最后一页 在.aspx.cs页面里
Asp解析XML并分页显示,示例源码如下:复制代码代码如下:第一页>最后一页第一页上一页123456下一页>>最后一页第一页上一页下一页>>最后一页效果图(部分
复制代码代码如下:首页首页上一页上一页下一页下一页尾页尾页转到第页第页
用js实现页面的分页:复制代码代码如下:上一页下一页首页尾页 //按下拉显示页数getPage()为js函数,如下:复制代码代码如下://参数说明:l
本文实例为大家分享了JS代码实现页面切换效果的具体代码,供大家参考,具体内容如下HTML+CSS部分添加所有页面,和上一页、具体页、下一页的按钮,设置div样式