免插件实现WordPress分页显示功能

2017/04/25 盛磊 0个讨论 824次浏览 A+

WordPress默认的分页功能只有“前一页”“后一页”，今天教大家免插件实现WordPress分页显示功能。
先上代码：

/*******分页显示功能*************************************************/
if ( ! function_exists( 'wptoutiao_pagination' ) ) :
function wptoutiao_pagination($pages = '', $range = 4)
{
     $showitems = ($range * 2)+1; 
 
     global $paged;
     if(empty($paged)) $paged = 1;
 
     if($pages == '')
     {
         global $wp_query;
         $pages = $wp_query->max_num_pages;
         if(!$pages)
         {
             $pages = 1;
         }
     }  
 
     if(1 != $pages)
     {
         printf( __( '<div class="pagination"><span> %1$s / %2$s 页</span>', 'wptoutiao'), $paged, $pages );
         if($paged > 2 && $paged > $range+1 && $showitems < $pages) printf( __( '<a href="%1$s">&laquo; 最前</a>', 'wptoutiao' ), get_pagenum_link(1) );
         if($paged > 1 && $showitems < $pages) printf( __( '<a href="%1$s">&lsaquo; 上一页</a>', 'wptoutiao' ), get_pagenum_link($paged - 1) );
 
         for ($i=1; $i <= $pages; $i++)
         {
             if (1 != $pages &&( !($i >= $paged+$range+1 || $i <= $paged-$range-1) || $pages <= $showitems ))
             {
                 echo ($paged == $i)? "<span class=\"current\">".$i."</span>":"<a href='".get_pagenum_link($i)."' class=\"inactive\">".$i."</a>";
             }
         }
 
         if ($paged < $pages && $showitems < $pages) printf( __( '<a href="%1$s">下一页 &rsaquo;</a>', 'wptoutiao' ), get_pagenum_link($paged + 1) );
         if ($paged < $pages-1 &&  $paged+$range-1 < $pages && $showitems < $pages) printf( __( '<a href="%1$s">最后 ></a>', 'wptoutiao' ), get_pagenum_link($pages) );
         echo "</div>\n";
     }
}
endif;
/*******分页显示功能*************************************************/

然后用wptoutiao_pagination函数替换原主题的分页显示函数就可以了。
附：本网站使用的分页显示CSS文件

/******************************************************************
分页样式
******************************************************************/
.pagination {clear:both;padding:20px 0 30px 0;position:relative;font-size:15px;line-height:13px;margin:auto;text-align:center;}
.pagination span, .pagination a {display:inline-block;margin: 2px 2px 2px 0;padding:12px 15px 12px 15px;text-decoration:none;width:auto;color:#000;background:#99ccff;}
.pagination a:hover{color:#fff;background: #4285f4;}
.pagination .current{padding:12px 15px 12px 15px;background: #4285f4;color:#fff;}