WordPress 模板制作：分页函数代码的使用

不用插件实现 WordPress 分页是很容易的, 网上也有很多方法, 包括 WordPress 也自带分页代码, 今天给大家分享一个 WordPress 分页函数代码, 效果很不错。打开主题函数文件 functions.php 。添加如下代码:

/*PAGINATION*/

function par_pagenavi($range = 10){

global $paged, $wp_query;

if ( !$max_page ) {$max_page = $wp_query->max_num_pages;}

if($max_page > 1){if(!$paged){$paged = 1;}

if($paged != 1){echo "<a href='" . get_pagenum_link(1) . "'

title='跳转到首页'> 返回首页 </a>";}

previous_posts_link(' 上一页 ');

if($max_page > $range){

if($paged < $range){for($i = 1; $i <= ($range + 1); $i++)

{echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " ";echo ">$i</a>";}}

elseif($paged >= ($max_page - ceil(($range/2)))){

for($i = $max_page - $range; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " ";echo ">$i</a>";}}

elseif($paged >= $range && $paged < ($max_page - ceil(($range/2)))){

for($i = ($paged - ceil($range/2)); $i <= ($paged + ceil(($range/2))); $i++)

{echo "<a href='" . get_pagenum_link($i) ."'";if($i==$paged) echo " ";echo ">$i</a>";}}}

else{for($i = 1; $i <= $max_page; $i++){echo "<a href='" . get_pagenum_link($i) ."'";

if($i==$paged)echo " ";echo ">$i</a>";}}

next_posts_link(' 下一页 ');

if($paged != $max_page){echo "<a href='" . get_pagenum_link($max_page) . "'

title='跳转到最后一页'> 最后一页 </a>";}}

}

 

在需要出现分页的地方调用

<div >
<?php par_pagenavi(); ?>
</div>

然后再样式表文件 style.css 里定义 paper 样式, 我给大家一个范例:

.pager {

width:630px;
overflow:hidden;
white-space:nowrap;
padding:4px;
}

.pager a {
border:1px solid #ccc;
background:#000000;
font-size:12px;
margin:2px;
padding:3px 6px;
}
.pager a.current {
border:1px solid #ccc;
background:#4E9A06;
font-size:12px;
margin:2px;
padding:3px 6px;
}

.pager a:hover {
border:solid 1px #FFF;
background:#4E9A06;
color:#fff;
text-decoration:none;
}

具体样式你可以根据自己主题稍微修改一下即可。