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

2021-08-24 0 1,027

我相信使用 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">&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_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

赏

微信扫一扫

支付宝扫一扫

免责声明

本资源仅用于个人学习和研究使用，禁止用于任何商业环境！

1.  本网站名称：汇站网
2.  本站永久网址：https://www.huizhanii.com/
3.  本站所有资源来源于网友投稿和高价购买，所有资源仅对编程人员及源代码爱好者开放下载做参考和研究及学习，本站不提供任何技术服务！
4.  本站所有资源的展示图片和信息不代表本站的立场！本站只是储蓄平台及搬运
5.  下载者禁止在服务器和虚拟机下进行搭建运营，本站所有资源不支持联网运行！只允许调试，参考和研究！！！！
6.  未经原版权作者许可,禁止用于任何商业环境，任何人不得擅作它用，下载者不得用于违反国家法律，否则发生的一切法律后果自行承担！
7.  为尊重作者版权，请在下载24小时内删除！请购买原版授权作品，支持你喜欢的作者，谢谢！
8.  若资源侵犯了您的合法权益，请持您的版权证书和相关原作品信息来信通知我们请来信     我们会及时删除，给您带来的不便，我们深表歉意！
9.  如下载链接失效、广告或者压缩包问题请联系站长处理！
10.  如果你也有好源码或者教程，可以发布到网站，分享有金币奖励和额外收入！
11.  本站资源售价只是赞助，收取费用仅维持本站的日常运营所需！
12.  因源码具有可复制性，一经赞助，不得以任何形式退款。
13.  更多详情请点击查看

汇站网 WordPress 使用了WordPress强大易用的分页插件WP-PageNavi https://www.huizhanii.com/15243.html