正在寻找一种控制 WordPress 分页的方法?调整网站的分页可以帮助您创建一个更加用户友好、易于导航的网站。但是,许多WordPress 主题不提供详细的分页选项,这意味着您可以进行的更改受到限制。值得庆幸的是,有一些简单的方法可以调整 WordPress 分页。更高级的用户可以依赖自定义代码,而普通用户可以找到几个高质量的分页插件。在这篇文章中,我们将介绍您需要了解的有关 WordPress 分页的所有信息。
什么是 WordPress 分页?
WordPress分页是将您网站的博客文章或其他内容列表拆分为单独页面的过程。例如,如果您有 100 篇博文,您可以将分页设置配置为在每页上显示 10 篇博文,这会将您的博文列表分成 10 页,每页 10 篇博文。然后,访问者可以使用“下一个”或“上一个”按钮在列出您的帖子的页面之间导航。或者,在某些情况下,访问者会看到一个编号的页面列表,以便他们可以跳转到特定页面。
您还可以将单个 WordPress 帖子分成多个页面,如果您发布长篇内容,这会很有帮助。通过一些代码片段或插件,您还可以更好地控制分页在您的网站上的工作方式,我们将在本文后面介绍这些主题。
为什么要使用 WordPress 分页?
您应该关心 WordPress 分页的三个主要原因:
- 改进的导航和用户体验
- 更好的性能
- 改进的 SEO 可抓取性
让我们来看看它们。
改进的导航和用户体验
改进 WordPress 分页的最大好处是它可以让访问者更轻松地浏览您的网站,从而为他们创造更好的体验。许多 WordPress 主题仅显示有限的分页选项,使访问者难以导航到不同的页面。访问者可以导航到最后一页或下一页(通过单击“较早的帖子”),但他们不能直接导航到第 3、4 或 5 页。将其与博客进行比较,后者提供多个分页链接以帮助访问者到达正确的位置。访问者在导航到更深的页面时可以获得更多选择,这有助于他们根据需要快速向前或向后跳转到不同的页面。
更好的性能
使用分页也可以通过限制站点需要在每个页面上加载的数据量来提高 WordPress 站点的性能。例如,假设您有 50 篇博文。如果您尝试在主博客页面上加载所有 50 篇博客文章,您的博客页面可能会加载缓慢,因为这是大量数据。但是,如果您使用分页将列表分成 5 页,每页 10 个帖子,则每个页面的加载速度会更快,因为它只需要加载五分之一的数据。
改进的 SEO 可抓取性
使用分页还可以通过为这些机器人提供更多导航链接,使 Googlebot 等搜索引擎机器人更容易抓取您的网站。这是一个细微的差别,但是您可以进行任何调整以提高您网站的可抓取性对于 SEO 来说总是一件好事。
如何手动控制 WordPress 分页
虽然我们将在下一节中介绍一些方便的 WordPress 分页插件,但您还可以获得一些与 WordPress 分页一起使用的内置功能。或者,根据您的知识水平,您还可以使用自定义代码调整分页。让我们以默认的二十一二十一主题为例来谈谈使用分页的内置选项。
控制每页显示多少内容项
默认情况下,WordPress 每页显示 10 篇文章。因此,如果您有 25 个帖子,则总共有 3 页。前 2 页每页显示 10 个帖子,最后一页将显示其余 5 个帖子。如果你想调整这个数字,你可以去设置>阅读并编辑博客页面显示的最大价值。
将 WordPress 帖子或页面
分成多个页面到目前为止,我们主要专注于将您的博客列表页面分成多个页面。但是,WordPress 还允许您将单个帖子或页面分成不同的页面,这在某些情况下可能会有所帮助。如果您使用的是 WordPress 块编辑器 (AKA Gutenberg) ,您可以使用分页块选择添加分页符的位置。
如果您使用的是经典的 TinyMCE 编辑器,您可以使用以下两种方法之一选择添加分页符的位置:
- 将鼠标光标放在要在编辑器的Visual选项卡中添加分页符的位置。然后使用以下键盘快捷键:Alt + Shift + P。
- 通过将以下代码段粘贴到编辑器的“文本”选项卡中来手动放置分页符: .
使用 PHP 和 CSS 调整 WordPress 分页行为
如果您不是一个技术含量很高的人,那么这种方法可能不适合您。您可能想跳到分页插件。但是,如果您愿意对网站进行细微的代码调整,您可以使用 PHP 和 CSS 调整主题的分页。
因为您将编辑主题的模板文件,所以您必须使用 WordPress 子主题。否则,您的更改将在您下次更新主题时被覆盖。我们有关于如何设置子主题的详细指南。我们还建议在进行任何更改之前备份您的网站。如果要手动为任何 WordPress 主题添加分页,可以使用the_posts_pagination 函数。例如,以下代码段:
the_posts_pagination( array(
'mid_size' => 2,
'prev_text' => __( 'Previous Page', 'textdomain' ),
'next_text' => __( 'Next Page', 'textdomain' ),
) );
您可以将此片段直接添加到您希望分页出现的子主题的模板文件中。下面,我们保留了默认的 Twenty Twenty-1 分页,并使用代码片段添加了我们自己的分页以查看差异。“第1页”分页是主题的默认分页,“1”、“2”、“3”分页来自我们自定义的代码。
这是代码中的样子——你可以看到原始的分页功能和我们的自定义分页。您希望在实时 WordPress 站点上用您的自定义函数替换现有的分页函数(警告:我们建议先在临时站点上执行此操作。这只是一个示例!)。您可能需要根据您的主题编辑多个文件。您可能会发现通过FTP 客户端连接到您的服务器并使用专用的 PHP 编辑器来编辑您的主题文件更方便。要调整主题分页的样式,您需要添加一些自定义 CSS。