WordPress分页:如何设置和排除故障

WordPress分页:如何设置和排除故障

分页是一个方便的WordPress网站功能,可将博客文章分成单独的页面。访问者不必滚动浏览您的所有文章,而是可以跳转到特定页面并节省时间。

拥有大量内容的网站可以从实施分页中受益,因为此功能允许访问者更快地浏览,提供更好的阅读体验。

此外,分页使您的网站导航更加用户友好和爬虫友好,因为它在网站内创建了清晰的结构。更短的博客页面也意味着更快的加载时间,促进更好的用户体验。

本文将向您展示如何使用两种方法实现WordPress后分页 – 手动和使用分页插件。我们还将介绍WordPress分页404错误以及解决该问题的一些提示。

WordPress分页是一项将博客文章列表拆分为单独页面的功能。访问者可以使用“下一个”或“上一个”按钮在页面之间导航或跳转到特定页码。

如何手动将分页添加到WordPress

具有编码技能的用户可以使用自定义代码在WordPress中手动实现分页。在本教程中,我们使用WordPress主题二〇二〇

随意查看以下方法并使用最适合您的技术技能的方法。

1.调整functions.php文件中的PHP代码

WordPress支持分页函数(posts_nav_link() ),您可以在主题的index.php文件中的主循环之前或之后插入该功能。这是代码的简化示例:

<?php if ( have_posts() ) : ?>
<!-- Add the pagination functions here. →
posts_nav_link()
<!-- Start of the main loop. -->
<?php while ( have_posts() ) : the_post();  ?>
<!-- the rest of your theme's main loop -->
<?php endwhile; ?>
<!-- End of the main loop -->
<!-- Or add the pagination functions here. -->
<div class="nav-previous alignleft"><?php previous_posts_link( 'Older posts' ); ?></div>
<div class="nav-next alignright"><?php next_posts_link( 'Newer posts' ); ?></div>
<?php else : ?>
<p><?php _e('Sorry, no posts matched your criteria.'); ?></p>
<?php endif; ?>

我们建议使用子主题进行此修改,而不是直接在父主题中实现。子主题继承其父主题的所有功能、样式和特性,因此允许您在任何主题更新后保留所做的更改。

2.添加CSS代码编辑分页

实现分页的另一种方法是将HTML和CSS代码添加到您的活动主题中。您可以使用的许多自定义CSS代码片段可在CodePen等Web开发平台上使用。

以下是Arefeh Hatami设计的自定义分页功能。它利用HTML和CSS创建一个简单的页码导航栏。如果您决定在您的WordPress网站中实现此代码段,请随时根据需要尝试不同的样式。

简易分页样式

3. 管理每页内容

与以前的方法不同,这种方法不涉及编码。相反,您只需要访问WordPress管理仪表盘。

  1. 导航WordPress仪表盘设置->阅读。
  2. 编辑博客页面至多显示值。

WordPress阅读设置

  1. 单击保存更改

每页显示的文章数量应根据网站的内容总量进行调整。例如,如果您有50-100个文章,那么每个页面包含5到10个文章将是理想的。

下图显示了将值设置为“1”时的样子。每个页面将显示一篇博客文章,并且在页脚部分之前将出现一个分页导航栏。此设置适用于内容量较小的小型网站。

文章分页样式展示

最佳WordPress分页插件

实现分页的最简单方法是使用WordPress插件。官方插件目录中提供了许多免费和高级分页插件。我们将介绍三个最好的免费选择。

所有这些插件都可以在安装和激活时通过您的设置菜单进行自定义。

1. WP-PageNavi

由于WP-PageNavi是最受欢迎的免费插件之一,您的WordPress主题很可能包含对它的内置支持。否则,您将不得不手动调整主题代码以使插件正常工作 – 插件的官方页面上提供了自定义代码。

WP-PageNavi提供简单的设置,即使是初学者也可以轻松修改。它还允许您更改导航元素的标签和页码。此外,该插件允许您从旧文章新文章格式切换到编号导航栏,以便于控制。

要访问更多样式选项,请考虑获取WP PageNavi插件的样式。

安装并激活插件后,PageNavi选项卡将出现在设置菜单中。

WP-PageNavi

2. WP-Pages

WP-Paginate是一个开源插件,它提供简单的设置来为您的WordPress网站添加分页。它还提供了一个自定义CSS选项卡来为您的分页链接添加自定义代码。

除了博客文章,WP-Paginate还可以修改文章评论,这对于吸引大量评论的热门博客非常方便。其他可自定义的元素包括标签和按钮以及它们的位置。

免费版本具有您需要的所有基本功能。但是,升级到Pro版本将为您提供更多样式选项以及访问插件文档和一年的专门支持。

与WP-PageNavi一样,您可以从“设置”菜单访问WP -Paginate选项卡。

WP-Pages设置

3.Alphabetic Pagination

正如它的名字一样,Alphabetic Pagination允许您按字母顺序拆分和组织文章和页面。这种分页格式可用于根据关键字和主题类别对项目进行排序,从而提高搜索过程的效率。

该插件的一些基本功能包括自动分页、字母分组和DOM定位。不同的风格和语言选择可满足不同的需求和偏好。升级到高级版将使您能够访问用于分页、列表和用户列表的自定义简码。

此外,Alphabetic Pagination与WooCommerce的商店页面和产品类别兼容。

Alphabetic Pagination设置

如何修复WordPress分页404错误?

404错误是在WordPress中实现分页时可能出现的错误消息。在大多数情况下,它是由阻止浏览器发现损坏页面的固定链接冲突引起的。

当您单击下一页时,通常会发生该错误。自定义/%category%/%postname%/固定链接结构通常适用于首页,但https://www.domain.com/custom_taxonomy/page/2 URL的附加/page/2可能与自定义固定链接设置冲突

这个问题有几种可能的解决方案,具体取决于您的具体情况。

编辑WP_Query posts_per_page值

如果您从WordPress仪表盘导航到设置->阅读,您会看到博客页面至多显示为10。

检查您的自定义固定链接的WP_Query并查看posts_per_page是否具有相同的值。如果不是,请更改其中任何一个,以免它们发生冲突。

添加分页重写规则

此方法涉及通过创建重写规则来删除有问题的部分。在您的functions.php文件中包含此代码段:

function my_pagination_rewrite() {
    add_rewrite_rule(category_name/page/?([0-9]{1,})/?$', 'index.php?category_name=blog&paged=$matches[1]', 'top');
}
add_action('init', 'my_pagination_rewrite');

添加代码后,从WordPress仪表盘转到设置->固定链接 ,然后单击保存更改以刷新规则缓存。

小结

分页是一项有用的功能,它使内容密集型WordPress网站用户友好且易于浏览,从而提供更好的用户体验。幸运的是,它可以使用自定义代码或插件来实现,从而方便所有技术水平的用户。

我们已经介绍了几种将分页添加到WordPress网站的方法以及实现此功能的三个最佳插件。如果您遇到WordPress分页404错误,我们提供了几种修复方法。

我们希望这篇文章有助于改善您的WordPress博客的用户体验。

评论留言