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( __( ' %1$s / %2$s 页', 'wptoutiao'), $paged, $pages );
if($paged > 2 && $paged > $range+1 && $showitems < $pages) printf( __( '« 最前', 'wptoutiao' ), get_pagenum_link(1) );
if($paged > 1 && $showitems < $pages) printf( __( '‹ 上一页', '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)? "".$i."":"".$i."";
}
}
if ($paged < $pages && $showitems < $pages) printf( __( '下一页 ›', 'wptoutiao' ), get_pagenum_link($paged + 1) );
if ($paged < $pages-1 && $paged+$range-1 < $pages && $showitems < $pages) printf( __( '最后 >', 'wptoutiao' ), get_pagenum_link($pages) );
echo "\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;}
扩展阅读:
优秀的翻页设计
感觉本站内容不错,读后有收获?小额赞助
还可以分享文章给好友: