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分页可以添加到分类列表与文章分页中，我们就以这两种方式来介绍。
分类列表中使用
将类似以下代码：
- <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); ?>
替换为：
通常上一段代码如果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;
- }
[statusbox]使用WP-PageNavi插件就完美的解决了分类列表与文章分页导航，对于自定义文章类型的分类与文章分页一样的适用。对于文章分页伪静态优化的问题，暂时没有好的解决方法，之后我们将解决WP-PageNavi插件文章分页伪静态优化的问题。[/statusbox]本文原创，作者：萨龙龙，其版权均为萨龙网络所有。
如需转载，请注明出处：https://salongweb.com/wp-pagenavi.html
一个平平常常的人，热爱生活、旅行和摄影，骑行去过西藏，一直计划再去。14年从江西骑行来到大理，现栖居于洱海边，食人间烟火，过简单生活，做简约设计！Perimg主题，最近开发的一个图片主题，与之前开发的主题又有很多的进步，以及更多的、少见的实用功能。主题文章中如果是多页就会显示上下篇、上下页…萨龙网络所有主题都集成了很多优化功能，在WordPress更新至5.0版本后，古腾堡(Gutenberg)编辑器发布与更新文章/页面就出现错…WooCommerce产品页面默认有3个选项卡：描述，其它信息和评论，对于很多WordPress主题或许不太适合，需要修改或者添加选项卡。…SlhaoPro主题前端上线后每天能收到宝塔的提示，说项目已经停止，找了很久没有发现问题。在查看node项目网站日志中的响应日志和错误日志时，…前面我们介绍了如果安装WordPressMU，安装完成后我们就需要把每个独立站点的数据转移到MU中，在MU中最原始的站点数据是不需要改动，只需…上一篇文章我们介绍了Isotope，功能强大，效果出众的jQuery插件，但是文章中的代码并不能使用在项目中，所以今天通过Wordpress主题…Wordpress的强大就是什么样的扩展都有，最近浏览用户网站时发现用的“不是我的主题”，查看源代码才发现是使用了网站维护插件maintenan…WordpressMU是多站点的程序，新创建的站点地址都是基于主域名下的二级域名，而强大的Wordpress可以为每个站点绑定不同的域名，这时…Sixianqiu主题是专为诗歌设计开发的主题，有一些朋友也需要这样的多形式博客主题，就整理出来了。一开始所有的文章内容都是居中显示，这样对于其…萨龙龙开发主题这么久，第一次感染恶意代码，整个WordPress下的主题functions.php都被插入了一大段函数代码，百度一下也发…MNews和LensNews主题都有前台投稿的功能，用户可以上传图片等文件，管理员是不希望用户上传任意的媒体文件，这时我们可以对用户上传的…自从了解到WordpressMU多站点，就开始一步一步的向多站点发展，也将萨龙网络所有站点都安装在WordpressMU多站点中。在使用多站…
