标签存档: wordpress技术

新增插件之PBD AJAX Load Posts

常上微博的朋友肯定对这样一个行为很熟悉,当你把页面拉至底端时,网页会自动在本页加载下一页的内容而不需要打开新页面,甚至不用点击任何按钮、链接,之所以能够产生这种效果,全拜AJAX所赐。最近,偶然发现Wordpress也有类似的插件提供,于是就去尝试了一下,感觉效果还不错。

PBD AJAX Load Posts就是这样一个插件,它的作用是代替Wordpress默认的页面切换功能,在单一页面上直接加载下一页的内容。当然,它暂时不能像微博中的那样强大,它无法在你接近页面底部时自动加载,仍需要你去点击一下按钮,但我相信在以后的版本中会出现这种功能。

个人认为在单一页面累积加载大量内容的话,会产生一定的麻烦,比如回到顶部,当页面拉得太长的时候,回到顶部要花费更多的时间,显然不便了,因此,可行的方案应该是提供一个返回顶部的链接,并随着网页的下拉而保持显示在屏幕中吧,该插件提供的回到顶部链接则是和加载按钮放置在一起,这意味着只有当处于顶部时才能直接回到顶部,如当前页面显示的是正中间的话,则只能手动回到顶部,稍显不便。

另外,由于该插件无法覆盖主题内置的分页效果,因此当像我这样使用内置page-navi插件的话,就会出现图中所示的情形了,既有分页链接,又有本页加载按钮,显得有些重复了。

同时,文章列表区域的背景色与博客背景色不同的话,当加载之后,新加载的内容无法使用到应有的效果。如我的博客文章列表的颜色是白色,而背景色是灰色,当加载后,应该为白色的区域将仍是灰色。这个问题也许只能通过额外对主题与插件进行专门定制才能解决了。

无论如何,它将是一个不错的浏览体验。

小提示:菊子曰空间提供的主题Micro-M已经内置了类似的功能实现,喜欢该主题的可以去尝试下。

如果对Wordpress编程有兴趣的话,可以参阅下面的文章,对该插件进行自定义修改,以适应自己的主题。

http://www.problogdesign.com/wordpress/load-next-wordpress-posts-with-ajax/

原创文章,转载请注明: 转载自菊子曰空间官方博客

本文链接地址: 新增插件之PBD AJAX Load Posts

文章的脚注信息由WordPress的wp-posturl插件自动生成