󰅡收起

郑元水博客

记录自己的成长之路。微信/QQ:150505055

01
七月

纯代码实现wordpress的分页功能

作者: 郑元水
分类: Wordpress
发布时间: 2013-07-01 21:53

用wordpress搭建的博客,默认的首页文章是10篇,当博客的文章总数超过10篇,就会用到网站的分页功能。对于刚刚接触wordpress的新手来说,用wp-page-numbers插件是最简单的解决办法,安装后直接启用就可以。如果你 是一个喜欢代码的站长,同样也可以使用纯代码实现wordpress的分页功能。

1、在functions.php中添加以下的代码

  1. //pagenav  
  2. function pagenav($query_string){  
  3. global $posts_per_page$paged;  
  4. $my_query = new WP_Query($query_string ."&posts_per_page=-1");  
  5. $total_posts = $my_query->post_count;  
  6. if(emptyempty($paged))$paged = 1;  
  7. $prev = $paged - 1;  
  8. $next = $paged + 1;  
  9. $range = 4; // only edit this if you want to show more page-links  
  10. $showitems = ($range * 2)+1;  
  11.   
  12. $pages = ceil($total_posts/$posts_per_page);  
  13. if(1 != $pages){  
  14. echo "<div class='pagination'>";  
  15. echo ($paged > 2 && $paged+$range+1 > $pages && $showitems < $pages)? "<a href='".get_pagenum_link(1)."'>最前</a>":"";  
  16. echo ($paged > 1 && $showitems < $pages)? "<a href='".get_pagenum_link($prev)."'>上一页</a>":"";  
  17.   
  18. for ($i=1; $i <= $pages$i++){  
  19. if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems )){  
  20. echo ($paged == $i)? "<span class='current'>".$i."</span>":"<a href='".get_pagenum_link($i)."' class='inactive' >".$i."</a>";  
  21. }  
  22. }  
  23.   
  24. echo ($paged < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($next)."'>下一页</a>" :"";  
  25. echo ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) ? "<a href='".get_pagenum_link($pages)."'>最后</a>":"";  
  26. echo "</div>\n";  
  27. }  
  28. }    

2、在style.css中添加样式表

  1. /*分页的样式 */  
  2. .pagination{ margin:0 10px 10px 15px;line-height:23px;text-align:center;}  
  3. .pagination span, .pagination a{font-size:12px;margin: 2px 6px 2px 0;background:#fff;border:1px solid #ccc;color:#787878;padding:2px 5px 2px 5px;text-decoration:none;}  
  4. .pagination a:hover{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}  
  5. .pagination .current{background: #8cb900;border:1px solid #436206;color:#fff;font-size:12px;padding:2px 5px 2px 5px;}  

3、在需要调用网站分页功能的地方添加wordpress调用函数

  1. <?php pagenav($query_string); ?>  

简单的三步就可以用纯代码实现wordpress的分页功能,站长可以根据自己的网站颜色对网站的CSS样式表进行简单的颜色修改。

本文出自 郑元水博客 ,转载时请注明出处及相应链接。

本文永久链接: http://www.zhengyuanshui.com/732.html

3条评论

  1. 夏宇轩网赚博客 2013年7月2日 09:47 回复

    来学习学习,怎么实现wordpress的分页功能

  2. 真实灵异 2013年7月4日 07:48 回复

    谢谢分享,网站不错!也欢迎您来访!

  3. 飞硕蕉17 2015年10月21日 07:22 回复

    谢谢博主,博主太好人了

发表评论

电子邮件地址不会被公开。 必填项已用*标注

代码在页面底部,统计标识不会显示,但不影响统计效果