相信使用Wordpress的朋友都对WP-PageNavi分页插件不陌生,很多博客对它也有很多介绍,之前也使用过代码来实现分页,但不够人性化,使用WP-PageNavi方便,实用,对于分类列表、文章分页等都可以使用。

插件界面

WordPress强大好用的分页插件WP-PageNavi(已汉化)

如何使用

分类列表中使用

将类似以下代码:

<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'twentyten' ) ); ?></div>
<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</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;
}

使用WP-PageNavi插件就完美的解决了分类列表与文章分页导航,对于自定义文章类型的分类与文章分页一样的适用。

注意:糖果已汉化该插件,点击网盘下载简体中文语言包,解压后将里面的文件上传到 /wp-content/languages/plugins 目录即可生效,同时避免插件升级时丢失语言,同时避免插件升级时丢失语言。

大小 : 12 KB |  下载量 : 10 次 |  文件类型 : 压缩文件