正文

wordpress文章分页

xinyu
xinyu V管理员 /71 阅读
1207
此篇文章发布距今已超过165天，您需要注意文章的内容或图片是否可用！

之前大叔介绍过很多wordpress的分类列表分页和评论的分页，一直没介绍过文章内容的分页，今天有空写个教程来给大家学习一下，首先，wordpress文章分页要从编辑器和分页定义函数两个地方来实现，现在我们就直接走教程吧。

20150605135448

首先，将下面的代码放入wordpress主题文件夹的functions.php内

  1. // 在 WordPress 编辑器添加“下一页”按钮
  2. add_filter('mce_buttons','add_next_page_button');
  3. function add_next_page_button($mce_buttons) {
  4.     $pos = array_search('wp_more',$mce_buttons,true);
  5.     if ($pos !== false) {
  6.         $tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
  7.         $tmp_buttons[] = 'wp_page';
  8.         $mce_buttons = array_merge($tmp_buttons, array_slice($mce_buttons, $pos+1));
  9.     }
  10.     return $mce_buttons;
  11. }
  13. //内容分页
  14. function custom_wp_link_pages( $args = '' ) {
  15.     $defaults = array(
  16.         'before' => '<div class="pagelist">分页阅读：',
  17.         'after' => '</div>',
  18.         'text_before' => '',
  19.         'text_after' => '',
  20.         'next_or_number' => 'number',
  21.         'nextpagelink' =>'下一页',
  22.         'previouspagelink' =>'上一页',
  23.         'pagelink' => '%',
  24.         'echo' => 1
  25.     );
  26.     $r = wp_parse_args( $args, $defaults );
  27.     $r = apply_filters( 'wp_link_pages_args', $r );
  28.     extract( $r, EXTR_SKIP );
  29.     global $page, $numpages, $multipage, $more, $pagenow;
  30.     $output = '';
  31.     if ( $multipage ) {
  32.         if ( 'number' == $next_or_number ) {
  33.             $output .= $before;
  34.             for ( $i = 1; $i < ( $numpages + 1 ); $i = $i + 1 ) {
  35.                 $j = str_replace( '%', $i, $pagelink );
  36.                 $output .= ' ';
  37.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  38.                     $output .= _wp_link_page( $i );
  39.                 else
  40.                     $output .= '<span>';
  42.                 $output .= $text_before . $j . $text_after;
  43.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  44.                     $output .= '</a>';
  45.                 else
  46.                     $output .= '</span>';
  47.             }
  48.             $output .= $after;
  49.         } else {
  50.             if ( $more ) {
  51.                 $output .= $before;
  52.                 $i = $page - 1;
  53.                 if ( $i && $more ) {
  54.                     $output .= _wp_link_page( $i );
  55.                     $output .= $text_before . $previouspagelink . $text_after . '</a>';
  56.                 }
  57.                 $i = $page + 1;
  58.                 if ( $i <= $numpages && $more ) {
  59.                     $output .= _wp_link_page( $i );
  60.                     $output .= $text_before . $nextpagelink . $text_after . '</a>';
  61.                 }
  62.                 $output .= $after;
  63.             }
  64.         }
  65.     }
  66.     if ( $echo )
  67.         echo $output;
  69.     return $output;
  70. }

给编辑器加了下一页按钮，也定义了分页函数，下面就是到single.php文章页面的相应位置里插入调用函数，即可前端显示分页按钮了，调用函数如下：

  1. <?php custom_wp_link_pages();?>

到了这步，分页就出来了。。。

CSS我也贴出吧，比较简约。。。如果你的css技术流弊的话，欢迎分享给大家

  1. .pagelist { padding: 10px 0; background: #f3f3f3; text-align: center; margin-top: 20px }
  2. .pagelist>span,.pagelist>a{background-color: #fff ;border: 1px#ddd solid ;color: #000;margin-left: 5px;padding: 4px 10px ;text-transform: uppercase; }
  3. .pagelist>a:hover,.pagelist>span{background-color: #363636;color: #fff !important;}
有用5