会员登录 您是新人？

   

QQ登录

会员注册

       

WP管理员之家

您的位置: 首页 > Wordpress教程 > WordPress无插件实现页码/分页/翻页效果

WordPress无插件实现页码/分页/翻页效果

所属栏目: Wordpress教程 作者: WP管理员之家 标签: ,, 关注热度： 2,109 次

wordpress的分页问题向来大多是由插件来实现的，但是自带的页码/分页/翻页效果是非常弱的，并不能实现我们想要的效果，，下面WP管理员之家就来教大家”WordPress无插件实现页码/分页/翻页效果”。

在functions.php中加入以下代码:

  1. function wp_pagenavi()  
  2. {  
  3. //先申明两个全局变量  
  4.   
  5. global $wp_query,$wp_rewrite;  
  6.   
  7. //判断当前页面  
  8.   
  9. $wp_query->query_vars['paged'] > 1 ?$current=$wp_query->query_vars['paged'] :$current= 1;  
  10.   
  11. $pagination=array(  
  12.   
  13. 'base'=> @add_query_arg('paged','%#%'),  
  14.   
  15. 'format'=>'',  
  16.   
  17. 'total'=>$wp_query->max_num_pages,  
  18.   
  19. 'current'=>$current,  
  20.   
  21. 'show_all'=> false,  
  22.   
  23. 'type'=>'plain',  
  24.   
  25. 'end_size'=>'1',//在最后和最前至少显示多少个页码数，这里最后最前至少显示“1” 页的意思  
  26.   
  27. 'mid_size'=>'5',//在最后和最前之间至少显示多少个页码数  
  28.   
  29. 'prev_text'=>'上一页',  
  30.   
  31. 'next_text'=>'下一页'  
  32.   
  33. );  
  34.   
  35. if($wp_rewrite->using_permalinks() )  
  36.   
  37. $pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg('s',get_pagenum_link(1) ) ) .'page/%#%/','paged');  
  38.   
  39. if( !emptyempty($wp_query->query_vars['s']) )  
  40.   
  41. $pagination['add_args'] =array('s'=>get_query_var('s'));  
  42.   
  43. echo paginate_links($pagination);  
  44.   
  45. }  

然后在需要显示页码/分页/翻页效果的模板中调用我们定义好的函数即可：

<!– 分页函数–>

<?php wp_pagenavi(); ?>

通常分页函数放到首页模板 index.php 和 存档模版 archive.php 中，当然也需要自己设置好CSS样式，才能达到自己的视觉体验。

通用的css样式如下:

  1. <style>  
  2.  .page-numbers{background: #fff;  
  3. border-radius: 3px;  
  4. color: #3d3d3d;  
  5. font: 12px "微软雅黑";  
  6. height: 20px;  
  7. line-height: 20px;  
  8. margin: 0 5px;  
  9. padding: 0 7px;  
  10.   
  11. cursor: pointer;  
  12. display: inline-block;  
  13. border:1px solid #ccc;  
  14.   
  15. }  
  16. .current{background: #e36b00;  
  17. color: #fff;}  
  18.  </style>  

上一篇:
下一篇:

在线留言

您的昵称 *

您的邮箱 *

您的网站

评论内容

  1. 还没有任何评论，你来说两句吧

客服微信