在模板index.php相应位置添加分页栏，加上以下代码：
[code type=php]
<?php if (function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } else { include(‘navigation.php’); } ?>
[/code]
新建一个名为navigation.php的模板，里面包含以下代码：
[code type=php]
<?php
global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, ‘?’) || ! $wp_rewrite->using_permalinks()) {
$paginate_format = ”;
$paginate_base = add_query_arg(‘paged’, ‘%#%’);
} else {
$paginate_format = (substr($paginate_base, -1 ,1) == ‘/’ ? ” : ‘/’) .
user_trailingslashit(‘page/%#%/’, ‘paged’);;
$paginate_base .= ‘%_%’;
}
echo ‘
echo paginate_links( array(
‘base’ => $paginate_base,
‘format’ => $paginate_format,
‘total’ => $wp_query->max_num_pages,
‘mid_size’ => 5,
‘current’ => ($paged ? $paged : 1),
‘type’ => ‘list’,
‘prev_text’ => ‘«’,
‘next_text’ => ‘»’,
));
echo “n
n”;
?>
[/code]
在style.css文件中添加以下代码：
[code type=css]
.page_navi {float: none;line-height:23px;text-align: center;}
.page_navi li { float:left;padding:5px;}
.page_navi a, .page_navi a:visited, .page_navi a:hover, .page_navi span.current,
.page_navi span.pages, .page_navi span.extend, .page_navi span.current, .page_navi span.dots
{border:1px solid #e5e5e5; border-radius: 5px;-moz-border-radius: 5px;-webkit-border-radius: 5px;padding:2px 5px 2px 5px;text-decoration:none;
float:center;}
.page_navi a:hover { border:none;background: #5cb096;color:#fff; }
.page_navi span.current {
border:none;
background: #EB4640;
color:#fff;
font-family: inherit;
font-style: inherit;
font-weight: inherit;
font-size:12px;
padding:2px 5px 2px 5px;
}
[/code]
效果图如下：
红色为当前页码，绿色块为鼠标悬停时的效果。
