wordpress文章分页

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

wordpress文章分页

首先,将下面的代码放入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_buttonsarray_slice($mce_buttons$pos+1));
  9.     }
  10.     return $mce_buttons;
  11. }
  12. //内容分页
  13. function custom_wp_link_pages( $args = '' ) {
  14.     $defaults = array(
  15.         'before' => '<div class="pagelist">分页阅读:',
  16.         'after' => '</div>',
  17.         'text_before' => '',
  18.         'text_after' => '',
  19.         'next_or_number' => 'number',
  20.         'nextpagelink' =>'下一页',
  21.         'previouspagelink' =>'上一页',
  22.         'pagelink' => '%',
  23.         'echo' => 1
  24.     );
  25.     $r = wp_parse_args( $args$defaults );
  26.     $r = apply_filters( 'wp_link_pages_args', $r );
  27.     extract( $r, EXTR_SKIP );
  28.     global $page$numpages$multipage$more$pagenow;
  29.     $output = '';
  30.     if ( $multipage ) {
  31.         if ( 'number' == $next_or_number ) {
  32.             $output .= $before;
  33.             for ( $i = 1; $i < ( $numpages + 1 ); $i = $i + 1 ) {
  34.                 $j = str_replace( '%', $i$pagelink );
  35.                 $output .= ' ';
  36.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  37.                     $output .= _wp_link_page( $i );
  38.                 else
  39.                     $output .= '<span>';
  40.                 $output .= $text_before . $j . $text_after;
  41.                 if ( $i != $page || ( ( ! $more ) && ( $page == 1 ) ) )
  42.                     $output .= '</a>';
  43.                 else
  44.                     $output .= '</span>';
  45.             }
  46.             $output .= $after;
  47.         } else {
  48.             if ( $more ) {
  49.                 $output .= $before;
  50.                 $i = $page - 1;
  51.                 if ( $i && $more ) {
  52.                     $output .= _wp_link_page( $i );
  53.                     $output .= $text_before . $previouspagelink . $text_after . '</a>';
  54.                 }
  55.                 $i = $page + 1;
  56.                 if ( $i <= $numpages && $more ) {
  57.                     $output .= _wp_link_page( $i );
  58.                     $output .= $text_before . $nextpagelink . $text_after . '</a>';
  59.                 }
  60.                 $output .= $after;
  61.             }
  62.         }
  63.     }
  64.     if ( $echo )
  65.         echo $output;
  66.     return $output;
  67. }

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

  1. <?php custom_wp_link_pages();?>

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

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

  1. pagelist {  
  2.     padding10px 0;  
  3.     background#f3f3f3;  
  4.     text-aligncenter;  
  5.     margin-top20px }  
  6. .pagelist>span,.pagelist>a {  
  7.     background-color#fff ;  
  8.     border1px#ddd solid ;  
  9.     color#000;  
  10.     margin-left5px;  
  11.     padding4px 10px ;  
  12.     text-transformuppercase;  
  13. }  
  14. .pagelist>a:hover,.pagelist>span {  
  15.     background-color#363636;  
  16.     color#fff !important;  
  17. }  
收藏 (0) 打赏

感谢您的支持,我会继续努力的!

打开微信/支付宝扫一扫,即可进行扫码打赏哦,分享从这里开始,精彩与您同在
点赞 (0)

1. 本站所有资源来源于用户上传和网络,如有侵权请邮件联系站长!
2. 分享目的仅供大家学习和交流,您必须在下载后24小时内删除!
3. 不得使用于非法商业用途,不得违反国家法律。否则后果自负!
4. 本站提供的源码、模板、插件等等其他资源,都不包含技术服务请大家谅解!
5. 如有链接无法下载、失效或广告,请联系管理员处理!
6. 本站资源售价只是赞助,收取费用仅维持本站的日常运营所需!
7. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有M币奖励和额外收入!

模板下载吧 快速入门 wordpress文章分页 https://www.mbxzb.com/blog/file/rumen/3193.html

从明天起,做一个幸福的人,喂马、劈柴、周游世界…

常见问题
  • 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
查看详情
  • 最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用
查看详情

相关文章

评论
暂无评论
点击按钮快速添加回复内容: 支持 高兴 激动 给力 加油 苦寻 生气 回帖 路过 威武 友军 顶贴
官方客服团队

为您解决烦忧 - 24小时在线 专业服务

wordpress文章分页-海报

分享本文封面