wordpress功能集成(六):无插件实现页码

wordpress很多主题没有自带页码,而是“上一页”“下一页”的链接,但是按照我们国人的习惯,有页码将会方便很多,事实上wordpress是有页码函数的,完全不必要为了这么点小功能而去装一个插件。函数paginate_links(),官网的介绍是:Retrieve paginated link for archive post pages. Technically, the function can be used to create paginated link list for any area ( e.g.: « Prev 1 … 3 4 5 6 7 … 9 Next » )。不过直接使用这个函数是不会显示页码的,需要配置参数。

按照官网示例在需要显示页码的地方添加如下函数即可显示页码与上下页链接:

  1. <?php   
  2. global $wp_query;   
  3.   
  4. $big = 999999999// need an unlikely integer   
  5.   
  6. echo paginate_links( array(   
  7.     'base' => str_replace( $big, '%#%', esc_url( get_pagenum_link( $big ) ) ),   
  8.     'format' => '?paged=%#%',   
  9.     'current' => max( 1, get_query_var('paged') ),   
  10.     'total' => $wp_query->max_num_pages   
  11. ) );   
  12. ?>  

不过按照这样配置,不是很方便,一般我们将新定义一个函数用来显示页码,这样每次调用的时候,就不需要重复配置这些参数,代码页更简洁,便于修改。如下,只需往主题的functions.php文件中添加页码函数:

  1. //页码函数   
  2. function wp_pagenavi() {   
  3.     //先申明两个全局变量   
  4.     global $wp_query$wp_rewrite;   
  5.     //判断当前页面   
  6.     $wp_query->query_vars['paged'] > 1 ? $current = $wp_query->query_vars['paged'] : $current = 1;   
  7.        
  8.     $pagination = array(   
  9.         'base' => @add_query_arg('paged','%#%'),   
  10.         'format' => '',   
  11.         'total' => $wp_query->max_num_pages,   
  12.         'current' => $current,   
  13.         'show_all' => false,   
  14.         'type' => 'plain',   
  15.         'end_size'=>'1',   
  16.         'mid_size'=>'3',   
  17.         'prev_text' => '上一页',   
  18.         'next_text' => '下一页'   
  19.     );   
  20.        
  21.     if$wp_rewrite->using_permalinks() )   
  22.         $pagination['base'] = user_trailingslashit( trailingslashit( remove_query_arg('s',get_pagenum_link(1) ) ) . 'page/%#%/', 'paged');   
  23.     if( !emptyempty($wp_query->query_vars['s']) )   
  24.         $pagination['add_args'] = array('s'=>get_query_var('s'));   
  25.     echo paginate_links($pagination);   
  26. }  

按照上面的函数调用该函数即可:

  1. <?php wp_pagenavi(); ?>  

显示效果如图,当然我需要css配合才行:

无插件显示页码效果

函数的几个常修改的参数如下:

  1. <?php   
  2. echo paginate_links( $args );   
  3. $args=array(   
  4.     'base'=> '%_%',   
  5.     'format'=> '?page=%#%',   
  6.     'total'=> 1,//总共显示的页码数   
  7.     'current'=> 0,//当前页码数   
  8.     'show_all'     => False,//是否将所有页码都显示出来,可以如上图中间显示省略号,需配合下两个参数   
  9.     'end_size'=> 1,//在最后面和最前面至少显示多少个数,比如1,如图,最后面显示了至少显示一个页码“20”   
  10.     'mid_size' => 2,//在当前页码的前后至少显示多少个页码数   
  11.     'prev_next'    => True,//是否显示“上一页”“下一页”链接   
  12.     'prev_text'    => __('&laquo; Previous'),//“上一页”链接显示的文字   
  13.     'next_text'    => __('Next &raquo;'),//“下一页”链接显示的文字   
  14.     'type'         => 'plain',   
  15.     'add_args'     => False,   
  16.     'add_fragment' =>  );    
  17.     );   
  18. ?>  

看官可自行修改函数中的配置参数

已有8条评论

  1. 萨龙龙
    萨龙龙 : 回复

    你好,文章分页如何判断最后一页?$paged=$wp_query->get(‘page’);if(!$paged||$paged<2),这是判断第一页,最后一页搞了很久都不对,请指教,谢谢!

  2. 三页菌
    三页菌 : 回复

    点击页码不跳转,没用啊

  3. FR
    FR : 回复

    不知可否实现竖向显示页码  比如reeoo.com  这个站的右侧   比较方便    html+css可以实现 一页,翻到第二页就没了 我觉得是php里缺少相关代码  新手 求教 

  4. 笑味集
    笑味集 : 回复

    能不能实现 在5页后再加个10 20 30 的按钮呢?

  5. 泥蛋
    泥蛋 : 回复

    Gallery图集中如何实现分页  ,原来已有“上一页”“下一页”的链接,如何实现以下

     

    • 阿树工作室
      阿树工作室 回复泥蛋: 回复

      你的这个gallery图集,是使用的插件吗?先找到gallery的分页代码看看。。

  6. 泥蛋
    泥蛋 : 回复

    请教一下,比如:新版本原主题Twenty Eleven中Attachment Page 如何实现Gallery图集,原来第一页时只显示

    第二页时显示

    如何实现分页或下拉分页和图片统计

    • 阿树工作室
      阿树工作室 回复泥蛋: 回复

      下拉分页,wordpress的页码函数不能输出这种代码,所以你得复制页码的源代码,修改成一个新函数,输出成这种下拉选择框。。。选择之后跳转,还得加上js配合

发表评论