您想在WordPress上添加无限滚动吗?
还有什么比Facebook的新闻提要更令人上瘾的吗? 我的意思是,我坐在这里写这个教程,但这个令人上瘾的功能只是不断滚动......再次......再次。
这是Facebook使用的功能,称为:“ 无限滚动 “或者” 无休止的滚动,用于新闻提要。 无需点击按钮或“ 以下 “或者” 阅读更多 ”,当您向下滚动页面时,内容将继续加载。
你猜怎么着? 通过添加无限滚动,您可以在WordPress博客上实现相同的效果。
在本教程中,我将讨论无限滚动的一些利弊,然后向您展示如何在WordPress博客上设置无限滚动。
但是之前,如果您从未安装过WordPress发现 如何安装WordPress博客7步骤 et 如何找到,安装和你的博客激活WordPress主题
然后回到为什么我们在这里。
无限滚动的优势
许多大品牌都尝试了无限滚动,这使我们能够检查其数据。 以下是社交网络所带来的一些好处:
顺便发现 如何在Divi上创建滚动文本
- 更多的意见 -NBC新闻发现,座机用户通过无限滚动每次访问增加了20%的页面。 同样, 时 “还发现21%的用户选择了无限滚动的其余内容。
- 跳出率极低 - “ 时 当他们选择无限滚动时,还会降低其15%的跳出率。
- 改善用户体验 -大家都同意。 一些专家指出 无限滚动 UX可以提高用户的内容展示率,迫使用户减少点击次数,同时提供更好的移动体验。
我不能肯定地说您将获得与这些顶级品牌相同的结果,但是如果您有很多博客文章,滚动无疑将是一个不错的选择。
由于这些相同的原因,大多数社交网络都依赖无限滚动。
无限滚动的缺点
无限滚动时,一切并不总是那么乐观。 当然,您应该考虑一些潜在的负面因素:
- 没有页脚 -选择无限滚动时,您将失去页脚。 如果您想在页脚中提供更多信息,将是一个很大的障碍。 例如,如果您使用页脚来显示会员信息,则需要找到一种新的方式来显示该信息。
- 滚动条弹跳会导致不良的体验 -由于网站始终处于加载状态,因此加载条的长度很可能会发生变化,这可能会导致您失去阅读进度,从而导致不良的用户体验。
- 没有“完成”的感觉 -这不是影射。 Nielsen研究人员发现,用户到达页面末尾时会感到很完整。 无限滚动使这不可能。
另外,在“优点”部分中,当您有很多同样重要的博客文章时,无限滚动非常有用。 好吧,相反的情况也是如此:
另请参阅本文 如何修复WordPress上的“临时文件夹丢失”错误
如果您的物品不重要,例如,有些文章最多包含2.000个单词,而有些文章最多包含300个单词),因此无限滚动对于您的网站来说绝对不是一个好主意。
如何添加WordPress的无限滚动
要在WordPress上添加无限滚动,您可以使用一个名为“ 更多阿贾克斯装载机 ”。 该插件提供了大量高级扩展,可以增强其功能,但是免费版本应该足以向您的网站添加无限滚动。
进一步咨询 WordPress上的Javascript:AJAX用例
基本插件通过生成添加到页面的简码来工作。 然后,此页面以无限滚动方式显示您的博客文章。 在整个课程中,您还需要完成一些其他小步骤。 这是将其放置到位的方法:
安装插件的配置
您可以找到“ 更多阿贾克斯装载机 » 在目录上 WordPress插件. 像任何其他插件一样安装和激活插件。
激活后,您将看到一个全新的选项“ 阿贾克斯负载更多 ”。 转到“ Ajax加载更多>→转发器模板 创建模型。
« 您的模型>中继器 是定义文章在无限滚动中应如何显示的模板。 您可以更改它,但是您需要了解一点PHP。 但是,默认模板对于大多数用户来说应该没问题:
唯一需要注意的是默认的“ Repeater”模板将仅显示文章摘录,而不是完整的文章。 如果要显示全文,则必须替换“ the_excerpt() “随着” 内容() “。
如果您知道PHP,仍然可以自定义此模型。 否则,可以离开模型“ 中继器 默认情况下。
另请阅读我们的文章 9个WordPress插件可在博客上创建价格网格
您可以在此处配置很多东西。 您可以选择更改无限滚动中显示的内容以及它们的行为方式。
我无法在本文中列举所有可能性,但是下面是您肯定要填写的一些方框:
- post_type -默认为仅包含文章。 但是您还可以包括自定义页面或帖子格式。
- 类别 -您只能包括某些类别,或者不能排除某些类别。
- 作者 -这是一个有趣的功能,您可以在其中为特定作者添加无限滚动。
- posts_per_page -定义“ 更多阿贾克斯装载机 每次刷新应充电。
- 暂停 -这当然是重要的元素。 对于真正的无限滚动,您应该在此处将其设置为“ false”。 否则,用户将不得不单击以调出其他文章。
- 滚动 -重要的是启用此功能,以便在用户向下滚动页面时自动加载文章。
发现我们的 播客的5个WordPress主题
完成所有配置后,复制 SHORTCODE 在页面右侧:
您需要做的就是将此简短代码添加到希望无限滚动出现的页面上。 例如,您可以将其添加到名为“ 博客 使其成为您的默认博客页面。
还发现一些高级WordPress插件
您可以使用其他 WordPress插件 赋予现代外观并优化您的博客或网站的处理。
我们在这里为您提供了一些高级WordPress插件,它们将帮助您实现这一目标。
1. YouTube和Vimeo分页画廊
这个高级WordPress插件是具有许多完全可配置功能的响应式和移动图库。 它可以显示来自YouTube播放列表,关键字的视频,也可以按Vimeo的专辑,频道,组或关键字进行搜索。 可以通过几种方式对网格进行个性化设置。 灯箱图库可以向播放器显示视频的所有详细信息,包括评论。
此WordPress插件可以在任何帖子或页面区域中使用短代码使用,也可以直接在PHP页面中使用。 您所需要做的就是创建一个新画廊,添加YouTube频道ID,例如,并生成一个简码。 可以在同一页面上使用多个画廊。
2。 无限的WooCommerce Scroll和Ajax分页
WooCommerce 无限滚动和 Ajax 分页是 WordPress扩展 (WooCommerce) 高级版,有助于将默认产品分页转换为无限制滚动或 Ajax 分页。 当用户向下滚动页面时,将自动检索并添加下一个产品页面。 这意味着他不需要单击“下一页”。
您还可以添加“加载更多”按钮,而不是无限滚动,或者可以保留默认的分页并将其转换为Ajax分页。
此外,您可以为移动设备设置不同类型的页面调度,例如大屏幕设备的无限滚动和移动设备的“加载更多”按钮。
3. 滑块革命
Slider Revolution是一个创新且响应迅速的WordPress轮播插件,可精美显示您的内容。 无论是滑块还是旋转木马, 他的视觉编辑器拖放 例如,它将使您能够讲述公司的历史,突出您的最佳产品,最佳文章以及更多内容
我们还邀请您发现我们的 9 Easy Digital Downloads插件可管理数字下载
其功能包括:出色的幻灯片创建界面,拖放幻灯片设计,完全响应的布局, 完善的多媒体内容管理, 优化性能, 多语言支持,提供近 340 个图形元素,提供大量幻灯片模板,兼容大多数 WordPress主题,出色的客户支持,对触摸屏的支持, 免费和定期更新,可用的文档和视频教程等等。
推荐资源
查找有关其他推荐资源的信息,以帮助您构建和管理网站。
- 如何将 Google 日历集成到 WordPress 网站中
- 如何成为一名成功的博客作者并通过WordPress赚钱
- 如何在不使用插件的情况下在WordPress上添加多个列
- 语音搜索将如何改变SEO优化?
- 您怎么知道您的插件是否与Gutenberg兼容?
结论
就是这样! 这就是本教程的全部内容,现在您可以在WordPress博客上设置无限滚动。 不要犹豫 与您最喜欢的社交网络上的朋友分享.
但是,您也可以咨询我们的 RESSOURCES,如果您需要更多的元素来执行创建Internet网站的项目,请参考我们关于 WordPress博客创建。
如果您有任何建议或意见,请将其留在我们的部分 评论.
...
Quiero agregar el desplazamiento infinito mi网站。 Ustedes tienen alguien那podria ayudarme。
谢谢
里贾纳Aguirre
我想将无限滚动添加到我的网站。 你有可以帮助我的人。
MERCI
有问题的服务对不起。