在页面上滚动加载新帖子

时间:2014-05-26 作者:melissa

请参阅此参考网站:http://alwaysjudging.com/archive/它在向下滚动时加载新帖子,类似于Infente滚动插件。(但我无法使用帖子查询让Jetpack无限滚动插件在静态“归档”页面上工作,所以我看到了这个。)

Ho would I implement this feature on a page?

当我查看上面引用站点的源代码时,它显示脚本已加载到此处:http://alwaysjudging.com/assets/js/scripts.min.js

It appears that the selector involves ".post-nav" and ol li tags.

我是一名前端开发人员,所以我实际编写Javascript和PHP的知识非常有限。如果你能解释我如何使用这个在我的网站单页工作,将不胜感激。我认为它对那些不能使用Infinte Scroll插件在归档页面上加载帖子的人也很有用。感谢您提供的任何指导。

2 个回复
SO网友:Aurovrata

为了让这种效果发挥作用,jquery插件需要“知道”要在哪个html标记中插入额外的post作为子元素。加载是使用Ajax调用完成的。

如果你看看JetPak Infinite Scroll plugin doc page, 它指导您如何实现这一点。为了让它开箱即用,您的主题需要通过在页面中包含正确的CSS-id/html元素来设计并支持此插件。

如果您对html/css有一点了解,那么让它工作起来应该不会太困难。

或者,您也可以尝试类似的插件,这些插件可能会支持您的主题,例如Infinte滚动插件,(wordpress.org/plugins/ajax-load-more/,抱歉,此站点不允许超过2个链接…)

还有this plugin 它可以处理页面中的短代码,我还没有尝试过,但如果它实际上将自己的帖子容器嵌入到页面中,那么它会为您处理所有css/元素设置,但是,您可能需要调整css,使其与主题正确融合。

SO网友:Prakhar

您可以在小部件中使用WordPress提供的正常post循环。您可以将其设置为每页1000-2000篇文章。

现在,如果您想要一个优化的网站,可以为WordPress安装ajax加载程序插件,这将帮助您在web上创建一个成功的无限滚动。有关更多查询,请访问3nions

结束

相关推荐

Taxonomy landing pages

我想为我的自定义分类法创建一个登录页。现在,我创建了三种自定义分类法/country/[terms] /person/[terms] /interrests/[terms] 我想为每个分类法创建一个列表页,这个列表页应该列出它们包含的所有[术语]。并链接到正常(taxonomy-[term].php /taxonomy/[term]) url。实现这一点的正确方法是什么?首先我想的是template_redirect 并创建自定义taxonomy-list.php 要包含在使用手