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

20150605135448

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

  1. function add_next_page_button($mce_buttons) {
  2. $pos = array_search('wp_more',$mce_buttons,true);
  3.     if ($pos !== false) {
  4. $tmp_buttons = array_slice($mce_buttons, 0, $pos+1);
  5.         $tmp_buttons[] = 'wp_page';
  6. $mce_buttons = array_merge($tmp_buttonsarray_slice($mce_buttons$pos+1));
  7.     }
  8. return $mce_buttons;
  9. }
  10. function custom_wp_link_pages( $args = '' ) {
  11.     $defaults = array(
  12. class="pagelist"> 分页阅读:',

  13.         'after' => '</div>',
  14. '',

  15.         'text_after' => '',
  16.         'nextpagelink' =>'下一页',
  17.         'pagelink' => '%',
  18. echo' => 1

  19.     );
  20. $r = wp_parse_args( $args$defaults );
  21.     $r = apply_filters( 'wp_link_pages_args', $r );
  22. $r, EXTR_SKIP );
  23.     global $page$numpages$multipage$more$pagenow;
  24. $output = '';
  25.     if ( $multipage ) {
  26. if ( 'number' == $next_or_number ) {
  27.             $output .= $before;
  28. for ( $i = 1; $i < ( $numpages + 1 ); $i = $i + 1 ) {
  29.                 $j = str_replace( '%', $i$pagelink );
  30. $output .= ' ';
  31.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  32. $output .= _wp_link_page( $i );
  33.                 else
  34. $output .= '<span>';
  35. $output .= $text_before . $j . $text_after;
  36.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  37. $output .= '</a>';
  38.                 else
  39. $output .= '</span>';
  40.             }
  41. $output .= $after;
  42.         } else {
  43. if ( $more ) {
  44.                 $output .= $before;
  45. $i = $page - 1;
  46.                 if ( $i && $more ) {
  47. $output .= _wp_link_page( $i );
  48.                     $output .= $text_before . $previouspagelink . $text_after . '</a>';
  49.                 $i = $page + 1;
  50. if ( $i <= $numpages && $more ) {
  51.                     $output .= _wp_link_page( $i );
  52. $output .= $text_before . $nextpagelink . $text_after . '</a>';
  53.                 }
  54. $output .= $after;
  55.             }
  56.     }
  57. if ( $echo )
  58.         echo $output;
  59.     return $output;
    1. <?php custom_wp_link_pages();?>

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

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

  1. .pagelist { padding10px 0; background#f3f3f3text-aligncentermargin-top20px }
  2. background-color: #fff ;border1px#ddd solid ;color#000;margin-left5px;padding4px 10px ;text-transformuppercase; }
  3. .pagelist>a:hover,.pagelist>span{background-color#363636;color#fff !important;}