如何在 WordPress 上创建无限滚动

您肯定会努力提高网站的可用性,这样您的用户会更开心,更有可能经常回来,对吧? 好吧,您可以实现的改进之一是无限滚动技术。 它与我们在 Twitter 或 Facebook 上的基本相同,最初只显示基本内容,向下滚动时会添加更多内容。 这对于提高网站性能(减少加载时间)和改善用户体验(因为加载更多项目不需要任何操作,例如单击按钮)非常有用。 在这里,我们将了解为什么以及如何在您自己的网站中使用它 示例 os 无限滚动站点 看看大佬们在做什么总是好的,这种效果(很多时候很难被察觉)被许多大网站和应用程序使用,比如 Facebook(实时提要)、Twitter、Pinterest、Feedly。 无限滚动 – 做与不做 此技术将删除您网站的常规分页链接(“较旧的帖子”,或您的帖子后的编号页面)。 这种技术的最大“优点”是加载时间,因为一开始加载的项目更少,您可以拥有一个更快的网站,并且由于添加了更多项目而无需重新加载页面,用户可以向下滚动 10 个“页面”的帖子,甚至无需注意到,在您的网站上停留的时间要长得多。 它可以应用于大多数网站,但更适合博客或类似作品集的网站,您有很多内容和图像,并且您不想用大量内容压倒用户。 本指南不需要熟练的编码,老实说,你肯定会学到一些关于如何稍微调整你的 WordPress 主题的知识。 资产 我们将使用 Paul Irish 的 JS 插件。 下载它并将其安装在主题的 js 文件夹中。 我们将使用 Twenty Twelve 来学习建议,但可以随意在任何主题中使用它(如果它不适合您,请发布问题)。 此外,您还需要一个漂亮的 gif 图像来显示“正在加载”消息。 你可以在那里找到很多,但是 AjaxLoad 站点有一个非常棒的工具可以帮助你使用很多预设样式,你可以选择更符合你的配色方案的颜色。 一旦你在 Wp-content/themes/twentytwelve/js 下有了脚本和漂亮的 gif 图像,我们就可以开始了! PHP 代码 好的,不要害怕,我们会给你一个复制和粘贴片段,但我们需要做的是让它工作: 创建一个将在内部加载和注册无限滚动插件的函数——这将防止 WordPress … Read more如何在 WordPress 上创建无限滚动