如何向WordPress网站添加无限滚动

向WordPress添加无限滚动

你是否在寻找一种方法,让你的WordPress网站表现得更像Facebook订阅源?好吧,你可以通过在你的网站上添加无限滚动来做到这一点。

让你的网站改头换面,让人们可以在不离开网页的情况下连续滚动浏览你的所有内容,这是一种让你所提供的一切都易于访问的好方法。

更不用说,它消除了网站访问者每次想要访问不太新的博客帖子时都需要单击“下一步”或“加载更多”。

当然,不是每个人都应该在他们的网站上实现无限滚动功能(我们马上就到).

但如果对你有意义,请继续阅读如何向WordPress网站添加无限滚动使用简单的(而且是免费的!)WordPress插件。

什么是无限卷轴?

网站设计趋势来来往往,但无限卷轴是从未完全消失的东西之一(双关语有意!).

无限滚动是一种web设计技术,它使用AJAX页面加载,在用户向下滚动页面时不断加载站点内容。换句话说,这种技术消除了在博客或电子商务站点上分页的需要。

这条源源不断的信息流让网站访问者有机会在一个大提要中看到你的所有内容,就像你在Facebook提要中滚动一样。

对于有大量内容的网站,当你向WordPress网站添加无限滚动时,没有明确的终点。相反,网站访问者只有无限的机会来查看您所提供的内容。

你应该在WordPress网站上添加无限滚动条吗?

无限滚动功能可以对用户参与度和浏览体验产生积极影响。但事实是,无限卷轴并不适合所有人.

让我们快速查看一下无限滚动的利弊,以帮助您确定这项技术是否是您想要尝试的。

无限卷轴的优点

  • 提高用户参与度–无限滚动帮助人们在您的网站上停留更长的时间也许提高您的搜索排名。
  • 更容易阅读–通过无限滚动,人们可以更轻松地发现他们不知道您的网站上存在的内容,因为他们可以快速轻松地加载旧内容。
  • 更好的移动体验–可以在小型设备上滚动浏览网站内容的用户更容易留下来。更不用说,移动设备上的网站访问者已经开始期待无限的滚动功能。
  • 非常适合视觉网站–具有大量视觉内容的网站可以从无限滚动中获得最大的收益,因为当文字继续加载时,可能会让一些人感到难以承受,但视觉效果却不会。
  • 改进的站点导航–与点击页面相比,无限滚动使浏览网站变得简单–你所要做的就是向下滚动。

无限卷轴的缺点

  • 缺少页脚部分–使用无限滚动,您的网站可能会缺少页脚部分,这是一块宝贵的不动产。也就是说,粘性页脚解决了此问题.
  • 广泛的导航可能会让人困惑–虽然无限滚动旨在改善最初的观看体验,但浏览内部链接可能会让人困惑。
  • 难以跟踪的指标–由于无限滚动是一个单页的考验,跟踪网站指标可能会变得很困难。
  • 潜在的SEO问题–SEO问题可能会突然出现,因为您的站点只是一个大的长站点(虽然是动态的)网页。
  • 站点锁定和崩溃–无限滚动有锁定和卡住的倾向,甚至会使用户所在的网站崩溃。

现在您已经知道了无限滚动的一些优点和缺点,让我们看看如何使用捕获无限滚动插件.

如何向WordPress网站添加无限滚动

在将无限滚动添加到WordPress网站之前,首先要做的是安装并激活Catch infinite scroll插件,该插件可免费使用,并可在网站上的WordPress存储库中找到。

捕获无限滚动插件

当然,您可以使用其他免费的无限滚动插件,例如Ajax Load More、WordPress infinite scroll和YITH infinite Scrolling。

甚至全面的Jetpack插件提供启用无限滚动的选项。但在本教程中,我们将使用Catch Infinite Scroll。

步骤1:安装并激活Catch Infinite Scroll

要在WordPress网站上安装并激活Catch Infinite Scroll,请转到插件>添加新内容在WordPress仪表板中。

搜索“捕获无限滚动”,然后单击立即安装.

安装catch无限滚动

然后,单击使活动这样插件就可以使用了。

步骤2:配置Catch Infinite Scroll插件设置

一旦在您的网站上激活,就可以配置Catch Infinite Scroll的设置了。要执行此操作,请单击捕捉无限卷轴已添加到WordPress仪表板的菜单项。

捕获无限滚动菜单项

执行此操作时,您将看到三个选项卡:

  • 仪表板
  • 特征
  • 比较表

你唯一需要关心的是仪表板选项卡。

捕获无限滚动仪表板选项卡

要在网站上启用无限滚动,请选择纸卷加载(触发器打开)下拉菜单。

启用滚动触发器

接下来,您将看到导航选择器、下一个选择器、内容选择器和项目选择器。您可以不使用这些选项,因为默认设置工作正常。

您还会注意到,有一个选项可以上载自定义内容加载器图标。默认情况下,Catch Infinite Scroll使用加载程序GIF图像:

加载器图标

如果需要,可以将其更改为上载的自定义内容图标。

最后,可以自定义完成文本,以说出您想要的任何内容。如果站点访问者到达无限滚动的末尾,并且没有其他显示内容,则会显示此消息。

默认情况下,文本显示为“无更多要显示的项目”您可以轻松地更改或添加它。

完成文本并保存

配置完设置后,单击保存更改.

就这样!您已成功将无限滚动添加到WordPress网站。查看Catch Infinite Scroll插件的开发人员如何在自己的网站上使用该插件,以了解Infinite Scroll的工作原理:

无限滚动示例

最后的想法

在你的WordPress网站上无限滚动是为了提高用户参与度,改善任何登陆你博客或电子商务网站的人的整体用户体验。

最重要的是,它可以帮助您在页码上生成更长的平均时间,并在搜索结果中排名更高,这是每个人都希望做到的。

因此,如果您准备改变现状,并为人们提供一种方便的访问方式网站的所有内容无需执行任何操作,只需向下滚动页面,即可使用Catch Infinite scroll将无限滚动添加到您的WordPress网站。