当前位置:首页 > CMS教程 > WordPress > 列表

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

发布:smiling 来源: PHP粉丝网  添加日期:2015-10-16 10:33:06 浏览: 评论:0 

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

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

Themes(父级页面)

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

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

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

如果当前页面是 zBorder,那么就要上一篇链接是 zBench 的,下一篇链接是 zSofa 的,把下面函数代码放入 functions.php(注:函数随手写的,可能不够精简).

  1. /** 
  2.  * get subpage previous/next page link by zwwooooo 
  3.  */ 
  4. function subpage_nav_link($prevText=''$nextText='') { 
  5.     global $post
  6.     if ( !$post->post_parent ) return null; //如果不是子页面返回Null 
  7.     $args = array
  8.         'sort_order' => 'ASC'
  9.         'sort_column' => 'menu_order'
  10.         'child_of' => $post->post_parent, 
  11.         'post_type' => 'page' 
  12.     ); 
  13.     $pages = get_pages($args); 
  14.     $num = count($pages); 
  15.     $i = 0; 
  16.     $index = -1; 
  17.     foreach ($pages as $page) { 
  18.         if ($page->ID == $post->ID) { 
  19.             $index = $i
  20.             break
  21.         } 
  22.         ++$i
  23.     } 
  24.     if ($i == 0) { 
  25.         $prev = ''
  26.         $next = $pages[$index+1]; 
  27.     } elseif ($i == $num-1) { 
  28.         $prev = $pages[$index-1]; 
  29.         $next = ''
  30.     } else { 
  31.         $prev = $pages[$index-1]; 
  32.         $next = $pages[$index+1]; 
  33.     } 
  34.     if ($prev) { 
  35.         if ($prevText) { 
  36.             if ( substr_count($prevText'%title') > 0 ) { 
  37.                 $explode = explode('%title'$prevText); 
  38.                 $prevText = $explode[0] . get_the_title($prev->ID) . $explode[1]; 
  39.             } 
  40.         } else { 
  41.             $prevText = get_the_title($prev->ID); 
  42.         } 
  43.         $prevlink = '<a class="previous-page-link" href="' . get_page_link($prev->ID). '">' . $prevText . '</a>'
  44.     } 
  45.     if ($next) { 
  46.         if ($nextText) { 
  47.             if ( substr_count($nextText'%title') > 0 ) { 
  48.                 $explode = explode('%title'$nextText); 
  49.                 $nextText = $explode[0] . get_the_title($next->ID) . $explode[1]; //phpfensi.com 
  50.             } 
  51.         } else { 
  52.             $nextText = get_the_title($next->ID); 
  53.         } 
  54.         $nextlink = '<a class="next-page-link" href="' . get_page_link($next->ID). '">' . $nextText . '</a>'
  55.     } 
  56.     return array($prevlink$nextlink); 

[函数]

subpage_nav_link($prevText, $nextText)

[参数]

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

$nextText:为下一篇文章链接文字,为空时默认是页面标题;

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

  1. <?php 
  2. if ( function_exists('subpage_nav_link') ) { 
  3.     if ( $subpage_nav_link = subpage_nav_link() ) { 
  4.         echo $subpage_nav_link[0]; //上一篇(页面)链接 
  5.         echo $subpage_nav_link[1]; //下一篇(页面)链接 
  6.     } 
  7. ?> 

注:可以用 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是强大的,总能满足用户的想法,通过搜索找到了相关的函数代码.

默认直接调用的代码:

  1. <?php previous_post_link('上一篇: %link') ?> 
  2. <?php next_post_link('下一篇: %link') ?> 

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

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

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

下面是完整的代码:

  1. <?php 
  2. $categories = get_the_category(); 
  3.         $categoryIDS = array(); 
  4.         foreach ($categories as $category) { 
  5.             array_push($categoryIDS$category->term_id); 
  6.         } 
  7.         $categoryIDS = implode(","$categoryIDS); 
  8. ?> 
  9. <?php if (get_previous_post($categoryIDS)) { previous_post_link('上一篇: %link','%title',true);} else { echo "已是最后文章";} ?> 
  10. <?php if (get_next_post($categoryIDS)) { next_post_link('上一篇: %link','%title',true);} else { echo "已是最新文章";} ?> 

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

Tags: WordPress上一页 WordPress下一页

分享到: