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

2021-08-24 0 1,110

我相信使用 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 插件的文章分页的伪静态优化问题。

赏

微信扫一扫