WordPress强大好用的分页插件WP-PageNavi使用

2018-04-22 小惟

相信使用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">&larr;</span> Older posts', 'twentyten' ) ); ?></div>

  2. <div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</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.     margin30px 0;

  4.     font-size12px;

  5. }

  6. .wp-pagenavi{

  7.     text-aligncenter;

  8.     line-height24px;

  9. }

  10. .wp-pagenavi{

  11.     width: 100%;

  12. }

  13. .wp-pagenavi > span,

  14. .wp-pagenavi > a{

  15.     margin4px 6px 4px 0;

  16.     padding2px 10px;

  17.     text-decorationnone;

  18.     background-color#eee;

  19.     color#666;

  20.     displayinline-block;

  21. }

  22. .wp-pagenavi a:hover,

  23. .wp-pagenavi > .current{

  24.     background-color#cf2079;

  25.     color#fff !important;

  26. }


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


模板坊版权所有 京ICP备16066985号-2 京公网安备11010602022036号

100041

QQ:504895209

— 努力创造优质作品,奉献更多精品佳作 —

模板坊 - APP应用开发|网站建设|平面设计