我相信使用 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); ?>
替换为:
- <?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 插件的文章分页的伪静态优化问题。
转载请注明:汇站网 » 使用了 WordPress 强大易用的分页插件 WP-PageNavi
站长资源下载中心-找源码上汇站
- 本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。
相关文章
- 7B2 PRO主题5.4.2免授权版本(直接安装) 2024-05-11
- 如果WordPress搜索结果为空,自动跳转到网站首页 2024-02-01
- 浏览器缓存可以分为强缓存和协商缓存两种方式 2024-01-21
- 如何让WordPress支持上传WebP格式图片? 2024-01-20
- 利用WordPress设置API实现自定义设置页面。 2024-01-20
- WordPress api接口 版本历史 2024-01-20
- WordPress用户密码加密和验证的详细解释 2024-01-19
- WordPress禁用媒体附件页面教程 2024-01-19
- WordPress修改了文章的默认密码保护提示 2024-01-19
- WordPress配置(站群)多站点详细教程方法 2024-01-19