WordPress单页面上一页下一页实现方法

  WordPress的文章页页有实现上一篇下一篇的功能函数,不过我们想在单页里面实现上一页下一页的功能,previous_post_link()和next_post_link() 函数还不能完全满足我的需要,所以就自己写函数实现。

页面有分级功能,需求是按 menu order 排序的子级页面之间有上一篇、下一篇链接,如:

WordPress单页面上一页下一页实现方法

Themes(父级页面)

---- zBench(子级页面1)

---- zBorder(子级页面2)

---- zSofa(子级页面3)

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

把下面函数代码放入 (注:函数随手写的,可能不够精简)

/**

* 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: 为下一篇文章链接文字,为空时默认是页面标题;