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

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
/*******分页显示功能*************************************************/
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文件

1
2
3
4
5
6
7
/******************************************************************
分页样式
******************************************************************/
.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;}

扩展阅读:
优秀的翻页设计

(完)

版权声明WordPress头条正在使用WordPress文章版权插件
如未注明,均为原创,转载需注明出处
本文链接地址:http://www.wptoutiao.com/tutorial/371.html

免插件的相关文章

分页显示的相关文章

还可以分享文章给好友:

发表评论

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