您想在WordPress上添加无限滚动吗?

还有什么比Facebook的新闻提要更令人上瘾的吗? 我的意思是,我坐在这里写这个教程,但这个令人上瘾的功能只是不断滚动......再次......再次。

这是Facebook使用的功能,称为:“ 无限滚动 “或者” 无休止的滚动,用于新闻提要。 无需点击按钮或“ 以下 “或者” 阅读更多 ”,当您向下滚动页面时,内容将继续加载。

在WordPress上添加无限滚动

你猜怎么着? 通过添加无限滚动,您可以在WordPress博客上实现相同的效果。

在本教程中,我将讨论无限滚动的一些利弊,然后向您展示如何在WordPress博客上设置无限滚动。

但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题 

然后回到为什么我们在这里。

无限滚动的优势

许多大品牌都尝试了无限滚动,这使我们能够检查其数据。 以下是社交网络所带来的一些好处:

顺便发现 如何在Divi上创建滚动文本

  • 更多的意见 -NBC新闻发现,座机用户通过无限滚动每次访问增加了20%的页面。 同样, 时 “还发现21%的用户选择了无限滚动的其余内容。
  • 跳出率极低   - “  当他们选择无限滚动时,还会降低其15%的跳出率。
  • 改善用户体验 -大家都同意。 一些专家指出 无限滚动 UX可以提高用户的内容展示率,迫使用户减少点击次数,同时提供更好的移动体验。

我不能肯定地说您将获得与这些顶级品牌相同的结果,但是如果您有很多博客文章,滚动无疑将是一个不错的选择。

发现 何时以及如何在子目录中安装WordPress

由于这些相同的原因,大多数社交网络都依赖无限滚动。

无限滚动的缺点

无限滚动时,一切并不总是那么乐观。 当然,您应该考虑一些潜在的负面因素:

  • 没有页脚 -选择无限滚动时,您将失去页脚。 如果您想在页脚中提供更多信息,将是一个很大的障碍。 例如,如果您使用页脚来显示会员信息,则需要找到一种新的方式来显示该信息。
  • 滚动条弹跳会导致不良的体验  -由于网站始终处于加载状态,因此加载条的长度很可能会发生变化,这可能会导致您失去阅读进度,从而导致不良的用户体验。
  • 没有“完成”的感觉 -这不是影射。 Nielsen研究人员发现,用户到达页面末尾时会感到很完整。 无限滚动使这不可能。

另外,在“优点”部分中,当您有很多同样重要的博客文章时,无限滚动非常有用。 好吧,相反的情况也是如此:

另请参阅本文 如何修复WordPress上的“临时文件夹丢失”错误

如果您的物品不重要,例如,有些文章最多包含2.000个单词,而有些文章最多包含300个单词),因此无限滚动对于您的网站来说绝对不是一个好主意。

如何添加WordPress的无限滚动

要在WordPress上添加无限滚动,您可以使用一个名为“ 更多阿贾克斯装载机 ”。 该插件提供了大量高级扩展,可以增强其功能,但是免费版本应该足以向您的网站添加无限滚动。

进一步咨询 WordPress上的Javascript:AJAX用例

基本插件通过生成添加到页面的简码来工作。 然后,此页面以无限滚动方式显示您的博客文章。 在整个课程中,您还需要完成一些其他小步骤。 这是将其放置到位的方法:

安装插件的配置

您可以找到“ 更多阿贾克斯装载机 » 在目录上 WordPress插件. 像任何其他插件一样安装和激活插件。

激活后,您将看到一个全新的选项“ 阿贾克斯负载更多 ”。 转到“ Ajax加载更多>→转发器模板 创建模型。

« 您的模型>中继器 是定义文章在无限滚动中应如何显示的模板。 您可以更改它,但是您需要了解一点PHP。 但是,默认模板对于大多数用户来说应该没问题:

建设囤模型,WordPress的

唯一需要注意的是默认的“ Repeater”模板将仅显示文章摘录,而不是完整的文章。 如果要显示全文,则必须替换“ the_excerpt() “随着” 内容() “。

如果您知道PHP,仍然可以自定义此模型。 否则,可以离开模型“ 中继器 默认情况下。

另请阅读我们的文章 9个WordPress插件可在博客上创建价格网格

您可以在此处配置很多东西。 您可以选择更改无限滚动中显示的内容以及它们的行为方式。

我无法在本文中列举所有可能性,但是下面是您肯定要填写的一些方框:

  • post_type -默认为仅包含文章。 但是您还可以包括自定义页面或帖子格式。
  • 类别 -您只能包括某些类别,或者不能排除某些类别。
  • 作者 -这是一个有趣的功能,您可以在其中为特定作者添加无限滚动。
  • posts_per_page -定义“ 更多阿贾克斯装载机 每次刷新应充电。
  • 暂停 -这当然是重要的元素。 对于真正的无限滚动,您应该在此处将其设置为“ false”。 否则,用户将不得不单击以调出其他文章。
  • 滚动 -重要的是启用此功能,以便在用户向下滚动页面时自动加载文章。

发现我们的 播客的5个WordPress主题

完成所有配置后,复制 SHORTCODE 在页面右侧:

复制简码阿贾克斯装载机,更

您需要做的就是将此简短代码添加到希望无限滚动出现的页面上。 例如,您可以将其添加到名为“ 博客 使其成为您的默认博客页面。

还发现一些高级WordPress插件  

您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。

我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。

1. YouTube和Vimeo分页画廊

这个高级WordPress插件是具有许多完全可配置功能的响应式和移动图库。 它可以显示来自YouTube播放列表,关键字的视频,也可以按Vimeo的专辑,频道,组或关键字进行搜索。 可以通过几种方式对网格进行个性化设置。 灯箱图库可以向播放器显示视频的所有详细信息,包括评论。

Youtube Vimeo分页画廊插件WordPress

此WordPress插件可以在任何帖子或页面区域中使用短代码使用,也可以直接在PHP页面中使用。 您所需要做的就是创建一个新画廊,添加YouTube频道ID,例如,并生成一个简码。 可以在同一页面上使用多个画廊。

下载 | 演示 | 虚拟主机

2。 无限的WooCommerce Scroll和Ajax分页

WooCommerce 无限滚动和 Ajax 分页是 WordPress扩展 (WooCommerce) 高级版,有助于将默认产品分页转换为无限制滚动或 Ajax 分页。 当用户向下滚动页面时,将自动检索并添加下一个产品页面。 这意味着他不需要单击“下一页”。 

WooCommerce无限滚动和Ajax分页

您还可以添加“加载更多”按钮,而不是无限滚动,或者可以保留默认的分页并将其转换为Ajax分页。

还阅读: 5 WordPress插件将表单插入您的网站

此外,您可以为移动设备设置不同类型的页面调度,例如大屏幕设备的无限滚动和移动设备的“加载更多”按钮。

下载 | 演示 | 虚拟主机

3. 滑块革命

Slider Revolution是一个创新且响应迅速的WordPress轮播插件,可精美显示您的内容。 无论是滑块还是旋转木马, 他的视觉编辑器拖放 例如,它将使您能够讲述公司的历史,突出您的最佳产品,最佳文章以及更多内容

最佳滑块WordPress插件-滑块革命

我们还邀请您发现我们的 9 Easy Digital Downloads插件可管理数字下载

其功能包括:出色的幻灯片创建界面,拖放幻灯片设计,完全响应的布局, 完善的多媒体内容管理, 优化性能, 多语言支持,提供近 340 个图形元素,提供大量幻灯片模板,兼容大多数 WordPress主题,出色的客户支持,对触摸屏的支持, 免费和定期更新,可用的文档和视频教程等等。

下载 | 演示虚拟主机

推荐资源

查找有关其他推荐资源的信息,以帮助您构建和管理网站。

结论

就是这样! 这就是本教程的全部内容,现在您可以在WordPress博客上设置无限滚动。 不要犹豫 与您最喜欢的社交网络上的朋友分享

但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。

如果您有任何建议或意见,请将其留在我们的部分 评论.

...