如何将无限滚动添加到 WordPress(一步一步)
已发表: 2019-12-17您是否需要一种可靠的方法来让用户在您的 WordPress 网站上停留更长时间? 如果是这样,您可能想考虑如何向 WordPress 添加无限滚动。
无限滚动或无限滚动是您经常看到的一种网页设计方法。 它为您提供了一种简单的方式来吸引网站访问者,鼓励他们探索您提供的更多内容,甚至增加他们阅读您的内容的时间。
这就是为什么今天,我们将向您展示如何使用一个简单的 WordPress 插件向 WordPress 添加无限滚动。
那么,让我们开始吧。
什么是无限卷轴?
无限滚动是一种已经使用了一段时间的技术,用于改善用户体验。 无限滚动使用所谓的 AJAX 在人们向下滚动您的网站时加载页面,而不是要求用户单击“下一步”来查看更多内容。
在无限滚动之前,网站使用分页更为常见。 该系统依靠用户向下滚动到网页底部,然后单击“下一个”或“上一个”按钮来查看更多内容。
另一方面,无限滚动通常被视为在网站上向用户提供内容的更直观的方式。 一个使用无限滚动的流行网站是 Medium。
当您访问 Medium 时,您会注意到当您向下滚动时,该网站会继续获取其他内容。 它真的似乎无穷无尽。
何时使用无限滚动
使用无限滚动的最常见类型的网站是那些为读者提供大量博客内容的网站。
但是你怎么知道无限滚动是否是你自己的 WordPress 网站上应该具备的功能呢?
好吧,让我们谈谈吧!
使用无限滚动的最佳网站类型是博客、社交媒体和具有视频内容的网站。 但实际上,任何与用户共享大量内容的网站都可以从无限滚动中受益。
毕竟,无休止的滚动为用户提供了流畅和干净的感觉。 虽然这看起来没什么大不了的,但对于用户来说,持续滚动比无限次滚动和单击要容易得多。
事实上,无限滚动对用户来说是更少的工作,这通常会说服他们停留更长时间。
此外,无限滚动也非常适合手机和平板用户。 点击对台式机和笔记本电脑用户来说是一个小小的便利; 然而,对于移动和平板电脑用户来说,必须点击所有内容是一个巨大的痛苦。
因此,如果您希望提高网站上的移动参与度,无限滚动是实现这一目标的最佳方式之一。
无限滚动的缺点
虽然无限滚动很酷,但它并非没有缺点。
首先,在您的 WordPress 网站上启用无限滚动可能会影响您网站的加载时间。
作为网站所有者取得成功的最重要方法之一是拥有一个快速加载的网站。 如果您的网站光鲜亮丽,但不能快速显示内容,那么人们就会离开。
幸运的是,即使在使用无限滚动时,也有一些方法可以帮助您节省网站的加载时间:
- 检查站点功能:确保您的 WordPress 网站可以处理无限滚动的压力(如果您不确定,请咨询您的托管服务提供商)。
- 观看图像:在图像上放轻松。 如果您要允许在您的网站上显示无穷无尽的内容,请注意您包含的图像,因为它们会减慢加载时间。 并且只使用会对您的网站产生持久影响的高质量图像。
在您的网站上使用无限滚动的另一个缺点是它更难找到特定内容。
想想看。
您在一个网站上,并且您已经滚动浏览内容一段时间了。 但是现在,你想回去看看你飞过一分钟的东西。 问题是,现在找不到了。
在哪个页面上?
哦,对了! 您在使用无限滚动的网站上。 您将不得不一直向上滚动并希望找到您想要阅读的内容。
虽然这个缺点并不是世界末日,但它有可能使用户更难浏览您的网站。
最后,在您的网站上启用无限滚动会使您网站的滚动条无用并阻止您拥有网站页脚。
最后,做好功课并确保您为无限滚动给您的网站带来的东西做好准备是很重要的。 请记住,这并不全是坏事。 只是每个人的需求不同而已。
现在,让我们看看如何在 WordPress 中添加无限滚动。
如何将无限滚动添加到 WordPress
第 1 步:安装并激活 Catch Infinite Scroll
要将无限滚动添加到您的 WordPress 网站,您需要做的第一件事是安装一个插件,例如 Catch Infinite Scroll。 如果您在这一步需要帮助,请务必查看如何安装 WordPress 插件。

安装并激活插件后,您的 WordPress 管理页面上将出现一个名为“Catch Infinite Scroll”的新选项卡。

第 2 步:选择加载触发器
接下来,您需要选择一个加载触发器。 对于我们的示例,我们将选择滚动选项。 如果您选择“点击”选项,插件将为您提供“加载更多”按钮,用户可以点击该按钮加载更多内容。

选择滚动选项将使您的网站自动加载更多内容。 它将在用户滚动时加载此内容,而不是要求他们单击任何内容以查看更多内容。
在加载触发器设置下方,您会注意到导航、下一步、内容和项目选择器。 本教程无需更改任何这些,因为它们开箱即用。
第 3 步:选择图像选项
Catch Infinite Scroll 中的图像选项允许您上传自己的自定义图像。 当人们向下滚动时,当您的网站加载更多内容时,此图像将出现。
这是 Catch Infinite Scroll 中的默认加载图像:

也就是说,这个简单易用的插件使您可以选择添加自己的自定义图像,这对于那些启动在线业务、会员网站或电子商务商店的人来说非常有用。
第 4 步:配置“完成文本”选项
我们需要配置的最后一个设置是“完成文本”选项。 这是用户滚动浏览您网站上必须提供的所有内容后弹出的文本。
仅当没有其他内容可看时,此文本才会显示给站点访问者。

您可以自定义此文本以说出您想说的任何内容,例如“内容结束”。 也就是说,默认的“不再显示项目”消息工作得很好。
完成后,单击保存更改以保存您的设置并在您的网站上启用无限滚动。

包起来
你有它! 您现在知道如何在 WordPress 中添加无限滚动,以提高参与度,增加在您的网站上花费的时间,并让访问您网站的每个人都能记住用户体验。
您是否正在寻找另一种方式来吸引网站访问者并提高转化率? 然后一定要查看市场上最热门的 WordPress 赠品插件,并创建一个人们想要参加的竞赛。
您在 WordPress 网站上使用无限滚动吗? 您是否使用 WordPress 插件来启用无限滚动? 如果是这样,我们很乐意在下面的评论中听到所有关于它的信息!