异步加载wordpress最新评论

昨天回家了,忙到大半夜才歇脚,就没写了,评论也大多没回复,今天堆一起回估计又要超标了.
本文原理是利用Google AJAX APIs实现RSS的异步加载,也可以广泛应用在其他地方,例如:我们都知道wordpress默认抓取RSS的函数fetch_feed()比较影响速度,所以如果你的网站有抓取rss,就可以采用此方法,这样不会影响后面元素的正常加载.
方法很简单,把如下代码扔到你要加载最新评论的地方即可,比如边栏

<div id="feedControl">loading...</div>
<!--当ajax抓取到feed之后,会将此容器覆盖,loading可改成你想要的加载效果-->
<script src="http://www.google.com/jsapi" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.js"></script>
<script type="text/javascript">
function LoadDynamicFeedControl() {
var feeds = [
{title: '',
url: 'http://你的网址/comments/feed'
}];
var options = {
numResults : 10, //抓取的条数 
displayTime : 2000, //上方单条摘要展示的时间,单位毫秒
fadeOutTime : 1000, //轮换展示的间隔,单位毫秒
scrollOnFadeOut : true,//切换时是否使用渐隐效果
pauseOnHover : true, //当鼠标移过时是否显示其摘要
stacked : false, //是否同时展示多条摘要
horizontal : false, //true则一次只展示一条,false则以列表形式展示
title : "最新评论" //标题,可不写,为了与主题搭配,下面的css中已经将其隐藏
}
new GFdynamicFeedControl(feeds, 'feedControl', options);
}
google.load('feeds', '1');
google.setOnLoadCallback(LoadDynamicFeedControl);
</script>
<!--CSS开始-->
<style type="text/css">
@import url("http://www.google.com/uds/solutions/dynamicfeed/gfdynamicfeedcontrol.css");
.gfg-root { border:0px}
.gfg-title,.gfg-subtitle{ display:none}
.gfg-listentry {line-height: 2.5em}
.gfg-listentry a{text-decoration:none;color:#444}
.gfg-listentry-odd {background:none;}
.gfg-listentry-highlight {background:#ddd}
</style>

这段代码同样适用于其他任何你想抓取RSS的地方,最终效果如图,

异步加载wordpress最新评论

LIKE OR SHARE IT:

admin发表于Code目录下,标签为,转载请保留链接

下一篇: »
TOP DOWN
发表评论

您必须 [ 登录 ] 才能发表留言!

  1. 沙 发 xsinger

    沙发 :v5:

    四月 4, 2013 14:54:33
  2. 板 凳 张书杨

    板凳

    四月 4, 2013 14:55:14
  3. 地 板 SEO博客

    沙发木有了。。。。。。。。。。

    四月 4, 2013 14:55:36
  4. 地 毯 Android

    赶紧折腾上

    四月 4, 2013 15:07:28
  5. 地 面 跑调的包子

    沙发有什么好抢的 :cao:

    四月 4, 2013 18:38:13
  6. 地 下 郑永

    行,先收藏了。。总会用到的时候。

    四月 4, 2013 21:15:42
  7. 7 楼 619影视

    今天都回家了不是,人不多啊,

    四月 4, 2013 21:27:51
  8. 8 楼 不亦乐乎

    沙发,没看到你应用在网站上。

    四月 4, 2013 21:46:16
  9. 9 楼 大发

    我觉得。。。好吧,我不觉得了

    四月 4, 2013 23:21:50
  10. 10 楼 小蝴蝶

    :qin:

    四月 4, 2013 23:22:53
  11. 11 楼 Mikeyzm

    Mark一下先! :meme:

    四月 5, 2013 09:38:42
  12. 12 楼 Allan

    学习了。

    四月 5, 2013 12:05:01
  13. 13 楼 爱软

    来看看博主

    四月 5, 2013 15:15:48
  14. 14 楼 Tokin

    需要深入研究研究。。。一眼看不懂,。。 :fue:

    四月 5, 2013 15:18:08
  15. 15 楼 xsinger

    网站有变化,大家发现了没?

    四月 5, 2013 18:29:35
  16. 16 楼 kn007

    学习!

    七月 21, 2013 19:47:55
  17. 17 楼 kn007

    看了蛮多你的文章,还没看完。。也回了不少,初步感觉,博客响应速度快

    七月 21, 2013 19:48:32
  18. 18 楼 kn007

    就上面那条评论,看了,你位于大发的保罗vps上。。。

    七月 21, 2013 19:49:24