<legend id="q3juh"><pre id="q3juh"></pre></legend>
  • <li id="q3juh"><acronym id="q3juh"></acronym></li>
  • <progress id="q3juh"></progress>

    1. <th id="q3juh"></th>
      <em id="q3juh"><acronym id="q3juh"></acronym></em>

      会员登录 您是新人?

         

      QQ登录

      会员注册

      专业的WordPress网站定制开发团队
      Wordpress管理员之家QQ群:wordpress技术群注册会员,享受更多主题专属优惠!

      WP管理员之家

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

      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. font12px "微软雅黑";  
      6. height20px;  
      7. line-height20px;  
      8. margin: 0 5px;  
      9. padding: 0 7px;  
      10.   
      11. cursorpointer;  
      12. displayinline-block;  
      13. border:1px solid #ccc;  
      14.   
      15. }  
      16. .current{background#e36b00;  
      17. color#fff;}  
      18.  </style>  
             直奔主题
      手机咨询
      客服微信
      客服微信
      联系邮箱:
      wp122@foxmail.com
      本港台开码 <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <蜘蛛词>| <文本链> <文本链> <文本链> <文本链> <文本链> <文本链>