巨好用的WordPress免费的分页WP-PageNavi插件
我们用WordPress搭建网站一般主题都有自带分页功能的,但是有些主题是没有分页功能的。需要我们来添加分页功能,在这篇文章中,我们可以使用WordPress免费的分页WP-PageNavi插件来实现分页功能。这里介绍一款WP-PageNavi分页插件,是一款基于wp平台开发的文章或列表分页插件,能够很好的兼容所有wordpress模板 使用,个人感觉非常好用。目前拥有700000+下载安装量,而且作者一直保持更新,算是目前市面上wordpress最完美的免费分页插件。
相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生,很多博客对它都有介绍,之前也使用过纯代码来实现分页功能,但不够灵活和人性化,使用WP-PageNavi插件方便,实用,对于分类列表、文章分页等都可以进行使用的,毕竟用wordpress插件是最快最省事的方法。
插件的安装方式:
1.后台自动安装WP-PageNavi插件:插件——安装插件——搜索“WP-PageNavi”,选择第一条,直接在线自动安装即可2.下载wp-pagenavi安装包——解压缩:VPS可以直接在面板或SSH中直接下载到/wp-content/plugins/目录下,解压即可;虚拟主机就将wp-pagenavi压缩包解压,使用FTP将解压后的文件夹上传
WP-PageNavi插件的使用:
WP-PageNavi分页可以添加到分类列表与文章分页中,我们就以这两种方式来介绍。
分类列表中使用
将类似以下代码:
<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">←</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">→</span>', 'twentyten' ) ); ?></div>
或者:
<?php pagination($query_string); ?>
您可以将这两行替换为:
<?php wp_pagenavi(); ?>
通常上一段代码如果WP-PageNavi插件没有启用的情况下:将会报错,所以我们修改一下,添加一个判断,判断插件是否启用,代码如下:
<?php if(function_exists('wp_pagenavi')) { wp_pagenavi(); } ?>
这样WP-PageNavi插件没有启用就不输出任何代码,启用则输出分页。
文章分页中使用:
大部分主题中的文章分页都是使用wp_link_pages这个函数来获取,此函数获取分类不是很方便,不能设置分页显示的数量,而且也会有些问题,所以我们找到:
<?php wp_link_pages( ... ); ?>
类似的代码,替换为:
<?php wp_pagenavi( array( 'type' => 'multipart' ) ); ?>
同样,为了防止WP-PageNavi插件没有启用而报错,我们使用如下代码:
<?php if(function_exists( 'wp_pagenavi')) { wp_pagenavi(array( 'type'=> 'multipart' )); } ?>
分页导航样式:
插件默认的样式与绝大多数主题的样式不相符,进入后台——设置——分页导航,将使用pagenavi- css.css设置为“NO”,再添加如下CSS样式(具体根据主题来修改):
/*文章分页*/
.wp-pagenavi {
margin: 30px 0;
font-size: 12px;
}
.wp-pagenavi{
text-align: center;
line-height: 24px;
}
.wp-pagenavi{
width: 100%;
}
.wp-pagenavi > span,
.wp-pagenavi > a{
margin: 4px 6px 4px 0;
padding: 2px 10px;
text-decoration: none;
background-color: #eee;
color: #666;
display: inline-block;
}
.wp-pagenavi a:hover,
.wp-pagenavi > .current{
background-color: #cf2079;
color: #fff !important;
}
在使用过程中出现的问题,可以在技术论坛查询相关问题。
[slbutton link="https://cn.wordpress.org/plugins/wp-pagenavi/" target="_blank" color="blue" size="medium"]WP-PageNavi插件下载地址[/slbutton]













