WordPress中无限滚动的最佳插件
已发表: 2021-12-04您想为您的网站添加无限滚动但不知道如何做吗？ 你来对地方了。 在本文中，我们将向您展示一些添加无限滚动的最佳 WordPress 插件。
在查看不同的工具之前，让我们更好地了解无限滚动是什么以及它比常规分页有什么好处。
什么是无限卷轴？
传统的分页系统是基于将内容划分为页面。 用户可以通过单击页面顶部或底部提供的编号链接在页面之间来回导航。 分页最常见的例子是谷歌及其搜索结果。
另一方面，无限滚动使用AJAX在单个页面上显示所有内容。 最初，只显示固定数量的项目，当用户向下滚动时，会加载更多项目。 无限滚动的示例包括 Facebook、Twitter 或 Instagram 等社交媒体网站。 这些网站提供连续的内容流。 向下滚动的越多，您看到的越多。
现在你可能会问，我为什么要切换到无限滚动？ 与分页相比，无限滚动有什么实质性优势吗？ 让我们看看无限滚动的一些好处以及为什么要使用专用插件。
无限滚动的好处
与常规分页相比，无限滚动更直观，因为它在用户端发现更多内容所需的努力更少。 与分页不同，所有内容在同一页面上动态加载而无需任何刷新，从而使浏览网站更快。
同样，无限滚动可确保用户在您的网站上停留更长时间，前提是您展示了高质量的内容。 由于访问者滚动时内容会自动加载，因此您有机会不断地为用户提供优质内容，吸引他们的注意力，并让他们有理由留在您的网站上。
此外，无限滚动插件非常适合使您的网站更加适合移动设备。 在触屏设备上滚动快速轻松，不像点击分页的小页码，提升了浏览体验。
除了增强您网站的用户体验外，无限滚动还可以帮助您提高用户参与度并降低网站的跳出率。 较低的跳出率表明内容质量，这有助于您改善网站的 SEO。
到目前为止，我们已经看到了无限滚动的一些优点。 然而，无限滚动并不总是最好的方法，有些网站可能会从分页中受益更多。 查看我们在分页和无限滚动之间的详细比较，因为它可以帮助您做出正确的选择。
如果您认为无限滚动是您网站的最佳选择，则有两种选择。 您可以查看我们的指南以添加无限滚动或使用专用插件。 在下一节中，我们将分析一些用于无限滚动的最佳 WordPress 插件。
WordPress中无限滚动的最佳插件
最好的 WordPress 无限滚动插件是：
- AJAX 加载更多（免费和高级）
- Catch Infinite Scroll（免费和付费）
- YITH 无限滚动免费）
- Jetpack（免费和付费）
- 为 WooCommerce 加载更多产品（免费和高级）
- WooCommerce 无限滚动和 AJAX 分页（高级）
- 动画无限滚动（高级）
让我们看看他们每个人都提供什么，以便您选择最适合您的。
1. AJAX 加载更多
AJAX Load More拥有超过 50k 的活动安装，是 WordPress 最受欢迎的无限滚动插件之一。 它无缝地适用于各种网站，并支持 WooCommerce 等电子商务平台。
一些最有趣的功能是转发器模板和方便的短代码生成器。 模板是定义前端显示内容方式的 PHP 文件。 使用转发器模板，您可以将自己的模板添加到插件中，以便插件显示的内容与您网站的其他样式相匹配。
此外，简码生成器会根据您选择的查询参数生成简码。 您可以指定查询参数，例如帖子类型、格式、标签等， AJAX 加载更多将生成一个短代码，您可以将其添加到您的站点。 如果您有编程技能，您可以进一步自定义简码并充分利用自定义选项。
此外，您可以在单个页面或帖子上添加插件的多个实例。 AJAX 过滤允许您将自定义过滤器添加到您的站点并根据所选过滤器显示内容。 最后，这个插件是高度可定制的，允许您进行调整以匹配您网站的外观和感觉。
特征
- 中继器模板允许您创建自己的模板
- 用于生成即用型简码的简码生成器
- 按帖子类型、格式、类别、标签等查询的查询参数
- 在单个页面或帖子上添加插件的多个实例
- 创建自定义过滤器并根据选定的过滤器显示结果
- 高度可定制
价钱
AJAX Load More 有免费版和高级版。 免费版包括基本功能，而高级版则以多个附加组件的形式出现。 您可以购买单个附加组件，也可以购买单个站点起价为 149 美元的所有高级扩展包。
2. 抓住无限卷轴
Catch Infinite Scroll是另一个流行的 WordPress 无限滚动插件。 该插件非常轻巧，简约且易于设置。
这个插件并没有附带所有的花里胡哨，但它非常有效。 如果您只是想要一个只需单击几下即可完成工作的插件并且不介意没有大量自定义选项的人，那么这就是您的工具。
Catch Infinite Scroll 是预先配置的，不需要用户进行任何配置。 从安装插件的那一刻起，您就可以在您的网站上享受无限滚动。
在定制方面，免费版本提供的东西不多。 您只能选择您喜欢的加载方法，滚动或加载更多按钮，然后为加载器图标选择您选择的图像。 但是，高级版允许您更改字体大小、系列、颜色、自定义加载更多按钮等等。
总而言之，即使它不是最可定制的工具，这个插件也提供了无与伦比的简单性。 如果您想要一些简约、易于使用并且可以完成工作的东西，那么 Catch Infinite Scrolling 是您最好的选择。
特征
- 非常容易使用
- 非常轻量级，因此它根本不会影响您网站的性能
- 在加载更多按钮和无限滚动之间进行选择
- 极简主义，只有基本的自定义选项
- 在末尾显示自定义消息
- 适用于所有主题
价钱
Catch Infinite Scroll 是一个免费增值插件。 免费版涵盖了所有核心功能，但如果您想要额外的自定义选项，只需 24.99 美元即可获得专业版。
3. YITH 无限滚动
另一个最好的无限滚动插件是YITH Infinite Scrolling。 它提供了无限滚动的所有核心功能，而不会添加任何绒毛或过于复杂的功能。 这样，它可以在保持简单的同时完成工作。
该工具的显着特点是能够在同一页面上的多个部分添加无限滚动。 您可以为评论、推荐和博客添加无限滚动，并为每个部分单独设置滚动选项。
关于滚动选项，您可以从可用的默认预设中选择加载器样式。 将分页类型设置为分页、无限滚动或加载更多按钮。 您还可以选择您喜欢的加载动画等等。
此外，当用户滚动到下一页时，URL 会自动更新。 这样，您可以使用这些更新的 URL 将用户直接发送到特定部分。 最后， YITH Infinite Scrolling与 WPML 兼容，因此您可以轻松地将其翻译成其他语言。
特征
- 向部分添加无限滚动并分别为每个部分设置选项
- 从一组可用的默认预设中选择加载器样式
- 将分页设置为常规分页，加载更多或无限滚动
- 从七个不同的动画中设置加载效果
- 页面 URL 自动更新
- WPML 兼容
价钱
YITH 无限滚动是一款高级插件，起价为每年 59.99 美元，提供 1 年的更新和支持。 此外，如果您对产品不满意，您将获得 30 天退款保证。
4.喷气背包
Automattic的Jetpack （WordPress 的创建者）拥有超过 500 万的活跃安装量，是最受欢迎的无限滚动插件之一。 这是一个很棒的全能工具，可让您改进网站的许多不同方面。
除了许多其他功能外，Jetpack 还提供了启用存档页面无限滚动的选项。 它允许您在常规分页、加载更多按钮或无限滚动之间进行选择。 即使它没有任何花哨的自定义选项，它也可以有效地完成工作。
除了无限滚动之外，Jetpack 还是一款出色的工具，可帮助您提高网站的安全性、性能、设计和营销。 有关如何充分利用它的更多信息，请查看我们完整的 Jetpack WordPress 指南。
特征
- 满足您所有 WordPress 需求的多合一插件
- 无限滚动，可选择分页、加载更多按钮和无限滚动
- 通过持续监控您的站点来增强安全性
- 使用站点加速器和延迟加载图像提高性能
- 通过简化的发布体验撰写引人入胜的内容
- 共享选项以增加您的内容的覆盖面
- 通过评论与访问者进行讨论
- 分析以监控您网站的流量并最大限度地提高搜索引擎结果的可见性
价钱
Jetpack 是一个免费增值插件。 免费版包含所有核心功能，可能足以满足大多数网站的需求。 对于高级用户，按年付费的高级计划起价为每月 9.95 美元。 此外，他们还提供 30 天退款保证。
5. 为 WooCommerce 加载更多产品
BeRocket的加载更多产品是 WooCommerce 专用的无限滚动的最佳插件之一。 该工具涵盖了所有核心功能以及几个自定义选项。 请记住，它只是 WooCommerce 的专用插件，因此不适用于 WordPress 博客和其他页面。
使用此插件，您可以将导航模式设置为分页、加载更多按钮或无限滚动。 为移动设备选择不同风格的导航，限制每页的产品，并设置自己的加载器图标。 此外，显示的每个页面的 URL 都会更新，但您也可以选择退出。
来到自定义选项，您可以完全个性化加载更多按钮并添加加载上一个按钮以返回上一页。 您还可以在页面末尾添加自定义消息，甚至更改加载文本。 此外，您可以添加 JavaScript 钩子和自定义 CSS 以进一步设置样式。
最后， Load More Products还具有图像和缩略图的延迟加载功能。 延迟加载意味着仅当用户到达该图像而不是在页面加载时才加载图像。 这减少了页面加载时间，改善了用户体验、SEO 和网站速度。 您可以为整个站点或仅在移动设备上启用延迟加载。
特征
- 在分页、加载更多和无限滚动选项之间进行选择
- 为移动设备选择不同的导航方式
- 可自定义加载更多按钮、加载图像和文本
- 添加自定义编码的 JavaScript 钩子
- 具有 40 多个动画的图片和缩略图的延迟加载
- 用户到达内容末尾时的自定义消息
价钱
为 WooCommerce 加载更多产品有免费和付费版本。 免费版包括基本功能。 对于高级定制选项，您可以获得他们的高级计划，单个站点的起价为 34 美元。 所有高级计划都包括 30 天退款保证，因此如果您对产品不满意，您可以获得退款。
6. WooCommerce 无限滚动和 AJAX 分页
WooCommerce 无限滚动和 AJAX 分页是为 WooCommerce 开发的另一个最佳无限滚动插件。 使用此工具，您可以在 AJAX 分页、加载更多按钮和用于导航的无限滚动之间进行选择。 此外，您可以为台式机和移动设备选择不同的导航方式。
除了无限滚动之外，该插件还具有 WooCommerce 缩略图的延迟加载功能。 这样，缩略图仅在用户向下滚动时加载，而不是在页面加载时加载，从而帮助您节省服务器资源并提高网站速度。
该工具需要最少的设置，并提供一个非常简约的界面，易于使用。 最后，客户支持很棒，所以如果您遇到任何问题，您将获得快速而有用的答案。
特征
- 自带3种分页方式：AJAX分页、加载更多按钮、无限滚动
- 能够为移动设备设置不同的分页类型
- WooCommerce 缩略图的延迟加载
- 限制每页的产品，更改占位符图像、动画等
- 出色的客户支持
价钱
WooCommerce Infinite Scroll and Pagination 是一个高级插件，您可以获得 17 美元和 6 个月的支持。 如果您需要额外的支持，您可以额外支付 10.50 美元将其延长至 12 个月。
7.动画无限滚动
Animated Infinite Scroll是Sbthemes开发的一款优秀插件。 它是一种通用工具，可与 WordPress 网站以及 WooCommerce、BuddyPress 等平台无缝协作。
它提供三种分页方法（AJAX 分页、加载更多按钮和无限滚动），并允许您为移动设备选择首选方法。 此外，该插件适用于无限页面，因此您不必担心达到最大限制。
在自定义方面， Animated Infinite Scroll提供了多种自定义选项以及 130 多种动画样式。 您还可以使用自定义选择器选项来处理自定义主题，并且可以将自定义类添加到加载器按钮以自定义其样式。
最后，这个插件提供了一个干净的界面，很容易设置，并提供出色的客户支持。
特征
- 3种导航方式：AJAX分页、加载更多、无限滚动
- 为移动设备选择不同的寻呼方式
- 适用于无限页面
- 超过 130 种动画风格
- 将自定义类添加到加载器按钮以进行样式设置
- 适用于 WooCommerce、BuddyPress 和其他平台
- 出色的客户支持
价钱
Animated Infinite Scroll 是 Envato 市场上提供的高级插件，售价 15 美元，支持 6 个月。 您还可以额外支付 8.75 美元将此支持延长至 12 个月。
结论
总而言之，无限滚动是一种通过更直观的浏览来增强站点用户体验的好方法，尤其是对于移动设备和其他触摸屏设备。
由于用户滚动时内容会自动加载，因此可以让他们保持参与度，因此他们会在您的网站上停留更长时间。 更高的用户参与度加上更好的用户体验会降低跳出率并改善您网站的 SEO。
在本文中，我们分享了 WordPress 无限滚动的最佳插件列表。 但是其中哪一个最适合您？ 这个问题的答案是相当主观的，它归结为一个人自己的要求和偏好。
我们的建议
AJAX Load More是我们列表中最好的无限滚动插件之一。 它允许您创建自己的短代码并将它们放置在您网站的任何位置，从而为您提供完全的自由。 值得注意的是，没有太多技术知识的用户可能会发现很难设置。 如果是这种情况，我们建议您查看我们的分步指南，以使用 AJAX 加载更多设置无限滚动。
另一方面，如果您只是想要一个可以使用并完成工作的插件，那么Catch Infinite Scrolling是您最好的选择。 它是预先配置的，您可以一键进行设置。 YITH Infinite Scrolling也是一个简单但功能丰富的插件，提供更多自定义选项，是一个不错的选择。
或者，如果您想要一个专用的 WooCommerce 插件， BeRocket为 WooCommerce 加载更多产品是您的选择。 这个功能丰富的工具专为 WooCommerce 商店构建，将帮助您提高销售额。
最后， Automattic的Jetpack是一个多合一的插件，可以满足您的大部分 WordPress 需求。 如果您正在寻找一种可以兼顾网站性能、安全性并允许您同时添加无限滚动的工具，Jetpack 就是您的理想之选。
您是否曾经在您的 WordPress/WooCommerce 网站上设置过无限滚动？ 你用的是哪个插件？ 我们应该包括哪个工具？ 请在下面的评论中告诉我们。