巨好用的WordPress免费的分页WP-PageNavi插件

巨好用的WordPress免费的分页WP-PageNavi插件 - 第1张

我们用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">&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;
}

在使用过程中出现的问题,可以在技术论坛查询相关问题。

[slbutton link="https://cn.wordpress.org/plugins/wp-pagenavi/" target="_blank" color="blue" size="medium"]WP-PageNavi插件下载地址[/slbutton]

本文原创,作者:阿龙,其版权均为龙腾求知社所有。
如需转载,请注明出处:https://blog.longtengwx.com/6796.html