上古

wp pagenavi是wordpress下常用插件之一，为Lester 'GaMerZ' Chan同学炮制，其安装也极简单、方便，但css设置对于不熟悉css的同学，可能有点麻烦，以下略作说明。

一、下载wp pagenavi最新版本。

在这里下载 http://lesterchan.net/wordpress/readme/wp-pagenavi.html

虽然wp官方谨慎地提示：未验证wp pagenavi2.40与wp2.7.1的兼容性，但经偶的实践，没有冲突，请同学们放心安装。

二、上传到http://your wp directory/wp-content/plugins、激活。

三、在主题的index.php或search.php、archive.php、footer.php中加入以下wp pagenavi程序代码，替代从前的“上一页”、“下一页”翻页代码。

<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>

有人说以下的代码也能工作，事实如此，不过既然作者同学在help文件里做了如上说明，大家就用如上代码吧。

<?php wp_pagenavi(); ?>

四、在后台的pagenavi设置中调整一下选项，记住要选上always use pagenavi呀！

五、编辑一下http://your wp directory/wp-content/plugins/wp-pagenavi/pagenavi-css.css文件。以下抄录该css代码，加上注释。

.wp-pagenavi a, .wp-pagenavi a:link {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}/*a:link 链接的属性。一般不要动padding。margin是对外边距，可以不改。text-decoration是文字装饰，none是不装饰，加下划线用underline。border是边框属性，可以设置文字、数字外要不要加框，1px solid是设为一个像素实心线，你也可以尝试一下1px dotted，则设为虚线，#0066cc是边框颜色，可按主题和喜好更改。color是文字颜色。background-color后设置背景颜色，可以理解为边框内的颜色。 */
.wp-pagenavi a:visited {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}/*a:visited 设置链接访问后的属性。*/
.wp-pagenavi a:hover {
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}/*a:hover 设置鼠标悬停在链接时的属性。*/
.wp-pagenavi a:active {
padding: 2px 4px 2px 4px;
margin: 2px;
text-decoration: none;
border: 1px solid #0066cc;
color: #0066cc;
background-color: #FFFFFF;
}/*a:active设置选定链接的属性。 */
.wp-pagenavi span.pages {
padding: 2px 4px 2px 4px;
margin: 2px 2px 2px 2px;
color: #000000;
border: 1px solid #000000;
background-color: #FFFFFF;
}/*span.pages设置页码信息属性，即Page 1 of 10，Page 2 of 10之类文字的属性。*/
.wp-pagenavi span.current {
padding: 2px 4px 2px 4px;
margin: 2px;
font-weight: bold;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}/*span.current设置当前页码信息属性，即当前所在页码的属性，肯定是数字。 */
.wp-pagenavi span.extend {
padding: 2px 4px 2px 4px;
margin: 2px;
border: 1px solid #000000;
color: #000000;
background-color: #FFFFFF;
}/*span.extend设置当前页码以外其他页码的属性。 */

六、如果页码导航条距主页面太近（偶有混在一起的情况），在主题的style.css文件中设置一个wp-pagenavi的css类，设置上、下边距，如下所示：

.wp-pagenavi{margin-top:10px;margin-bottom:10px;}

在页面中加入wp-pagenavi程序时，把它放在这个类中，如下：

<div class="wp-pagenavi">
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
</div>