我相信使用WordPress的朋友对WP pagenavi分页插件并不陌生。许多博客也介绍了它。他们以前也使用代码来实现分页,但它不是人性化的。使用WP pagenavi既方便又实用。可用于分类列表、物品分页等。
插件安装
后台自动安装WP pagenavi插件:插件-安装插件-搜索“WP pagenavi”,选择第一个,直接在线安装
下载WP pagenavi安装包-解压:VPS可以直接下载到面板或SSH中的/WP content/plugins/目录,并解压;虚拟主机解压缩WP pagenavi压缩包,并使用FTP上载解压缩后的文件夹
如何使用WP pagenavi插件
WP pagenavi分页可以添加到分类列表和文章分页中。我们将以这两种方式介绍它们。
分类列表中使用
将类似以下代码:
或
- <?php pagination($query_string); ?>
替换为:
- <?php wp_pagenavi(); ?>
通常上一段代码如果WP-PageNavi插件没有启用将会报错,所以我们修改下,添加一个判断,判断插件是否启用,代码如下:
- <?php if(function_exists(‘wp_pagenavi’)) { wp_pagenavi(); } ?>
这样WP-PageNavi插件没有启用就不输出任何代码,启用则输出分页。
用于文章分页
本主题中的大多数文章分页都使用WP_uu链接uu。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设置为“否”,然后添加以下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 pagenavi插件的文章分页的伪静态优化问题。