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;
}

具體樣式你可以根據自己主題稍微修改一下即可。