[![Wordpress强大好用的分页插件WP-PageNavi使用](https://pic.salongweb.com/2016/03/WP-PageNavi.jpg)](https://pic.salongweb.com/2016/03/WP-PageNavi.jpg "Wordpress强大好用的分页插件WP-PageNavi使用")相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生，很多博客对它也有很多介绍，之前也使用过代码来实现分页，但不够人性化，使用WP-PageNavi方便，实用，对于分类列表、文章分页等都可以使用。

## 插件的安装

- 后台自动安装WP-PageNavi插件：**插件**——**安装插件**——**搜索**“WP-PageNavi”，选择第一条，直接在线自动安装即可
- 下载wp-pagenavi安装包——解压缩：VPS可以直接在面板或SSH中直接下载到/wp-content/plugins/目录下，解压即可；虚拟主机就将wp-pagenavi压缩包解压，使用FTP将解压后的文件夹上传

## WP-PageNavi插件如何使用

WP-PageNavi分页可以添加到分类列表与文章分页中，我们就以这两种方式来介绍。

### 分类列表中使用

将类似以下代码：

1. <div class=“nav-previous”><?php next\_posts\_link( \_\_( ‘<span class=“meta-nav”>←</span> Older posts’, ‘twentyten’ ) ); ?></div>
2. <div class=“nav-next”><?php previous\_posts\_link( \_\_( ‘Newer posts <span class=“meta-nav”>→</span>’, ‘twentyten’ ) ); ?></div>

或

1. <?php pagination($query\_string); ?>

替换为：

1. <?php wp\_pagenavi(); ?>

通常上一段代码如果WP-PageNavi插件没有启用将会报错，所以我们修改下，添加一个判断，判断插件是否启用，代码如下：

1. <?php if(function\_exists(‘wp\_pagenavi’)) { wp\_pagenavi(); } ?>

这样WP-PageNavi插件没有启用就不输出任何代码，启用则输出分页。

### 文章分页中使用

大部分主题中的文章分页都是使用wp\_link\_pages这个函数来获取，此函数获取分类不是很方便，不能设置分页显示的数量，而且也会有些问题，所以我们找到：

1. <?php wp\_link\_pages( … ); ?>

类似的代码，替换为：

1. <?php wp\_pagenavi( array( ‘type’ => ‘multipart’ ) ); ?>

同样，为了防止WP-PageNavi插件没有启用而报错，我们使用如下代码：

1. <?php if(function\_exists( ‘wp\_pagenavi’)) { wp\_pagenavi(array( ‘type’=> ‘multipart’ )); } ?>

## 分页导航样式

插件默认的样式与绝大多数主题的样式不相符，进入**后台**——**设置**——**分页导航**，将**使用pagenavi- css.css**设置为“NO”，再添加如下CSS样式（具体根据主题来修改）：

1. /\*文章分页\*/
2. .wp-pagenavi {
3. margin: 30px 0;
4. font-size: 12px;
5. }
6. .wp-pagenavi{
7. text-align: center;
8. line-height: 24px;
9. }
10. .wp-pagenavi{
11. width: 100%;
12. }
13. .wp-pagenavi > span,
14. .wp-pagenavi > a{
15. margin: 4px 6px 4px 0;
16. padding: 2px 10px;
17. text-decoration: none;
18. background-color: \#eee;
19. color: \#666;
20. display: inline–block;
21. }
22. .wp-pagenavi a:hover,
23. .wp-pagenavi > .current{
24. background-color: \#cf2079;
25. color: \#fff !important;
26. }

\[statusbox\]使用WP-PageNavi插件就完美的解决了分类列表与文章分页导航，对于自定义文章类型的分类与文章分页一样的适用。对于文章分页伪静态优化的问题，暂时没有好的解决方法，之后我们将解决WP-PageNavi插件文章分页伪静态优化的问题。\[/statusbox\]