先上效果(泉哥,这回你可以试效果了,真的放在网站了哈哈哈)

评论和友链不一样,具有变动性,昨天一开始给评论赋值ID的时候,用的是其母元素li的id,导致在不同人回复同一个人的情况下,共用了一个母li导致id相同截图抓取异常,所以我们先要给每个评论的comment-author-url都赋值一个不同的id.
在你的模板函数中找到获取评论者昵称和url的代码,(不知道是什么的话,就搜索
get_comment_author_link
找到类似下面的代码)
<?php printf(__(‘<cite>%s</cite>’), get_comment_author_link()) ?>
改成
<cite><a href="<?php comment_author_url(); ?>" rel="external nofollow" target="_blank" id="url-<?php comment_ID() ?>"><?php comment_author(); ?></a></cite>
然后如果你已经载了jquery库,就把下面的扔到你的js里,
jQuery(document).ready(function () { jQuery('ol.commentlist li.comment .comment-author cite a[href ^= "http://"]').each(function () {//这段我已经尽量弄的很通用了,如果你的评论结构十分奇葩,可能还是需要自己做相对调整 var thisCommentId = jQuery(this).attr('id').split("-"); jQuery(this).attr("id", "author_comment_url_"+ thisCommentId[1]); }); jQuery('a[id^="author_comment_url"]').mouseover(function () { var wpcomProtocol = ( 'https:' === location.protocol ) ? 'https://' : 'http://'; //下面部分是position
样式,根据需要自己调整 var thisWidth = jQuery(this).width()+ 15 + 'px'; if (jQuery(this).find('.mShot').length == 0 ) { var thisId = jQuery(this).attr('id').replace('author_comment_url_', ''); var thisHref = jQuery.URLEncode(jQuery(this).attr('href')); jQuery(this).append('<div class="mShot mshot-container" style="left: '+thisWidth+'"><div class="mshot-arrow"></div><img src="'+wpcomProtocol+'s0.wp.com/mshots/v1/'+thisHref+'?w=450" width="450" class="mshot-image_'+thisId+'" style="margin: 0;" /></div>'); //原为s0.wordpress.com
,由于国内Wordpress.com已经被墙,昨晚在找可用的截图API时意外发现改成wp就可以正常访问 setTimeout(function () { //如果第一次调用超时,则依次换成下面的地址 jQuery('.mshot-image_'+thisId).attr('src', wpcomProtocol+'s0.wp.com/mshots/v1/'+thisHref+'?w=450&r=2'); }, 6000); setTimeout(function () { jQuery('.mshot-image_'+thisId).attr('src', wpcomProtocol+'s0.wp.com/mshots/v1/'+thisHref+'?w=450&r=3'); }, 12000); } else { jQuery(this).find('.mShot').css('left', thisWidth).show(); } }).mouseout(function () { jQuery(this).find('.mShot').hide(); }); }); //将调用API时的http://
解码为可识别的字符 jQuery.extend({URLEncode:function(c){var o='';var x=0;c=c.toString();var r=/(^[a-zA-Z0-9_.]*)/; while(x<c.length){var m=r.exec(c.substr(x)); if(m!=null && m.length>1 && m[1]!=''){o+=m[1];x+=m[1].length; }else{if(c[x]==' ')o+='+';else{var d=c.charCodeAt(x);var h=d.toString(16); o+='%'+(h.length<2?'0':'')+h.toUpperCase();}x++;}}return o;} }); // 如果网页加载完毕处于闲置状态,则对图片预加载 jQuery(window).load(function() { var wpcomProtocol = ( 'https:' === location.protocol ) ? 'https://' : 'http://'; jQuery('a[id^="author_comment_url"]').each(function () { jQuery.get(wpcomProtocol+'s0.wp.com/mshots/v1/'+jQuery.URLEncode(jQuery(this).attr('href'))+'?w=450'); }); });
沙发
三月 31, 2013 10:42:36没有rss订阅逛过来碰巧拿到热门程序媛沙发的概率有多大 ╮(╯_╰)╭
三月 31, 2013 10:44:43@Arch!tect
砸场子啊 以后人家都不订阅了
201室 三月 31, 2013 10:46:53@小蝴蝶 小概率事件~ ╮(╯_╰)╭
202室 三月 31, 2013 10:50:33@小蝴蝶 不定了,哈哈
202室 三月 31, 2013 14:51:56@Arch!tect 概率几乎为零!
201室 三月 31, 2013 11:30:47@SEO博客 那我要去买彩票了~╮(╯_╰)╭
202室 三月 31, 2013 11:33:23@SEO博客 轻轻插入
202室 三月 31, 2013 13:58:36@跑调的包子 我……
203室 三月 31, 2013 14:24:53抢完沙发帝的各种家具,撤了╮(╯_╰)╭
三月 31, 2013 10:47:06@Arch!tect 别动,看完效果再撤
301室 三月 31, 2013 10:51:22@小蝴蝶 厄。。 我的小船logo没了 %>_<%
302室 三月 31, 2013 10:53:19@小蝴蝶 厄。。。原来还有地毯 – - 家具真多╮(╯_╰)╭
302室 三月 31, 2013 10:53:51@Arch!tect 其实地毯下面还有
303室 三月 31, 2013 10:55:02@Arch!tect 再次插入
303室 三月 31, 2013 13:59:05我的邮件?卧槽联通!!!!
三月 31, 2013 10:50:54@xsinger 回去把我放白名单
401室 三月 31, 2013 10:55:32@小蝴蝶 黑名单也没有,根本没收到邮件
402室 三月 31, 2013 11:03:58让你抢我那么多沙发。。。这次我也抢个够~╮(╯_╰)╭~
三月 31, 2013 10:57:12@Arch!tect 其实地面下面还有
501室 三月 31, 2013 10:57:51应该没了吧。。。
三月 31, 2013 10:58:02厄。。。。。再来就到别人家了
三月 31, 2013 10:58:58@Arch!tect 好了,凯旋而归~
701室 三月 31, 2013 11:00:14来晚了。。。。可能是网速的问题。获取效果很慢,鼠标放那,等到花儿都谢了,才看见。
三月 31, 2013 11:29:08@SEO博客 网速问题~ 我试了瞬间开~
801室 三月 31, 2013 11:32:45@Arch!tect 天朝问题,wordpress.com被墙,这个wp.com虽然能正常访问,但速度肯定被QJ了
802室 三月 31, 2013 11:36:48@小蝴蝶 今天你这儿沙发好抢是不是因为礼拜天大家都出去玩了。。。程序媛也应该出去玩呀~
803室 三月 31, 2013 12:15:35@Arch!tect 最近越来越宅了,小马哥回家了,也不知道出去能玩什么
804室 三月 31, 2013 13:12:38@小蝴蝶 学蜡笔小新玩装死游戏
805室 三月 31, 2013 13:33:27@Arch!tect 几天不发文估计就能有这个效果
806室 三月 31, 2013 13:34:52@小蝴蝶 强迫症诶
807室 三月 31, 2013 13:36:40@Arch!tect 我意思是大家都会以为我死了..
808室 三月 31, 2013 13:59:54@小蝴蝶 有道理 = =
809室 三月 31, 2013 15:04:13这些土匪啊。。。速度这么快。。
三月 31, 2013 12:15:12@郑永 把我家具都搬完了他们…
901室 三月 31, 2013 12:16:23@小蝴蝶 可以想象啊,刚才空间访问不了,有人跑我那里告状了。
902室 三月 31, 2013 12:17:32嘻嘻。真的可以了,我一直以为是鼠标放在头像上会出现,没有。然后放在@加名字那,没有。最后以为是要点击,还是没有,摸索一分钟后发现只要鼠标放在黑色名字那里就行(我没救了。。。
三月 31, 2013 12:41:20@ChoJemmy 跪了…Orz
1001室 三月 31, 2013 13:15:55这个功能挺不错
三月 31, 2013 13:30:16@张书杨
喜欢就好~
1101室 三月 31, 2013 13:36:05昨晚打开有点慢,现在基本上2秒可以显示了
三月 31, 2013 13:57:47@跑调的包子 来了
1201室 三月 31, 2013 14:24:19@Juncle博客 远程调用的,不存本地
1301室 三月 31, 2013 17:13:20这个折腾地不错~
三月 31, 2013 16:27:21@DruidFY 真的吗嘻嘻
1401室 三月 31, 2013 17:14:07可以用在留言者墙页面的说!
三月 31, 2013 17:17:09@Juncle博客 嗯~用在读者排行挺好的
1501室 三月 31, 2013 17:18:51很强大的插件啊,羡慕嫉妒恨……
三月 31, 2013 17:38:04不知道我是第几条评论呢?
三月 31, 2013 18:03:32@跑调的包子 你要想清楚一件事:
1701室 三月 31, 2013 18:04:42只要我 现在去删2条自己曾经的评论
你就瞬间 不再是第3000条
弄个RSS异步或者点击后再开始加载的那种呗…
三月 31, 2013 19:29:32@Tokin 有时间弄..得先找到一个远程抓rss的api才行
1801室 三月 31, 2013 20:48:05昨天就发现你这里还对管理员判断不显示,不错哈。
三月 31, 2013 21:12:09@郑永 这…..是因为我在设置里没填写网址
1901室 三月 31, 2013 21:54:27@小蝴蝶 囧囧囧。
1902室 四月 1, 2013 00:46:14比起图片, 获取文章比较快一些
四月 1, 2013 09:52:34@axiu 没找到远程rss的api 不太好异步啊
2001室 四月 1, 2013 12:43:06我看了啊,没效果嘛
四月 1, 2013 09:54:28@airoschou
我不会被你耍的
2101室 四月 1, 2013 12:42:08老文章又都被你翻出来了。整合一下也不错。
四月 1, 2013 12:44:34@wmtimes willin那个?我没看过,只听说他写过友链的
2201室 四月 1, 2013 12:52:08这是遇见美女程序员了
四月 1, 2013 15:09:45这个功能很不错,可以预先知道是什么样的网站,让用户判断是否需要访问
四月 1, 2013 16:31:06程序猿大牛啊
四月 1, 2013 21:34:00我撸过类似的东西。。。
四月 1, 2013 23:50:06@大发 是你那次跟我说的用JSONP?
2601室 四月 1, 2013 23:53:44亲说的get_comment_author_link,是哪个文件里面的呢?我找到的怎么不一样呀。。匆忘回复。
四月 3, 2013 17:42:26我找到的是:sprintf( ‘%s’, get_comment_author_link() ),
四月 3, 2013 17:45:11我是小白哈。。求教。
@爱美爱魅 一样的。。
2801室 四月 4, 2013 13:08:50@爱美爱魅 那一行前后如果有php就可以直接换 没有的话要看情况来改
2801室 四月 4, 2013 15:06:42@爱美爱魅 把从<div class=”comment-author vcard”> 到 <?php edit_comment_link( __( ‘Edit’, ‘twentyeleven’ ), ‘<span class=”edit-link”>’, ‘</span>’ ); ?> 之间的 那段PHP,改成下面的
2801室 四月 4, 2013 18:41:44中间有代码没发出来。。这个插入不了代码吧?
四月 3, 2013 17:53:53@爱美爱魅 全都放出来了啊
2901室 四月 4, 2013 13:09:25多谢美女程序媛的耐心指导
,已经按您的意思操作了。。但是没有效果哦
。现在不清楚是什么情况。。我对LINUX有点了解,对PHP只能是依葫芦画瓢
,希望可以帮忙看一下,这边应该怎么操作。。
四月 5, 2013 21:36:17@爱美爱魅 你有加载js库吗?
3001室 四月 5, 2013 22:38:16@小蝴蝶 嗯嗯。已经加载的哦。别的特效是可以的。。加载的版本好像是1.8的。。不知道有没有影响。。还是那一段JS有问题,修改的地方我感觉没有问题。。感谢回复。
3002室 四月 5, 2013 22:46:53@爱美爱魅 我看了你的结构,js没问题,可能是冲突,你试着用
3003室 四月 5, 2013 22:51:12<script type="text/javascript"></script>
包起来扔到底部模板里看看行不行@小蝴蝶 好的,马上试一下,现在是放在Header里面。。我放到Footer里面试一下。谢谢
3004室 四月 5, 2013 22:54:15@爱美爱魅 放在顶部和底部是一样的… 不知道你那里什么原因 我去看一下
3005室 四月 5, 2013 22:59:12@小蝴蝶 放底部就可以了呀。。郁闷。不知道啥问题。。谢谢,非常感谢。。膜拜技术党,谢谢程序媛。
3006室 四月 5, 2013 23:01:02@爱美爱魅 我刚看了一下,你顶部放了许多js,可能引起了冲突,现在可以了就好~
3007室 四月 5, 2013 23:01:46@小蝴蝶 嗯,我没有拿出来单独放一个文件,感觉没必要哈。。。还有就是即时预览显示网站的时候,这边回复框会被往下推。。不过没关系了。。最后想的说是:你的网站很漂亮,给人感觉很舒服,特别是特效。。
3008室 四月 5, 2013 23:06:53@爱美爱魅 谢谢~
3009室 四月 6, 2013 13:09:44往下推是因为没加css,
@小蝴蝶 加了CSS之后还是有点小问题哦。我已经截图,不知道你的回复能引用图片不。。
问题就是:里面的图片,顶部 距离 外框 多出来20PX,class是mshot-arrow,但是CSS里面我也没有看见这个数字哈。
30010室 四月 6, 2013 14:25:59@爱美爱魅 应该是你主题css里对commentlist img做出了定义导致的
30011室 四月 6, 2013 15:19:42@小蝴蝶 嗯,我把JS里面定义的class=mshot-arrow删除就好了。。谢谢。。
30012室 四月 6, 2013 18:24:56@小蝴蝶 郁闷。刚发现。原来。。Show UserAgent插件也失效了。。
30010室 四月 6, 2013 14:48:50@爱美爱魅 换一下调用位置
30011室 四月 6, 2013 15:20:49@小蝴蝶 美女,你说的调用位置,是什么意思呀。。
30012室 四月 6, 2013 16:55:11@小蝴蝶 我自己用代码引用。。但是效果跟原来的不一样呀。。后台插件里面的设置都不起作用了。。有没有办法直接引用原来的模式。。
30012室 四月 6, 2013 18:26:13@小蝴蝶 我对比代码,没有发现原来是如何调用的。。郁闷。。
30012室 四月 6, 2013 18:29:47我看您的网站,今天的即时预览也失效了,是全部失效了吗?
四月 5, 2013 21:56:10@爱美爱魅 没有失效啊 这个ajax翻页之后就没有预览了 正常看还是有的
3101室 四月 5, 2013 22:36:59@小蝴蝶 嗯嗯。。发现了。。确实,首页回复是有的。。翻页之后就没有了。。感谢回复。抱歉哈。
3102室 四月 5, 2013 22:47:32@爱美爱魅 哈哈 没事没事 这是ajax造成的js失效 需要重新绑定事件 但我没弄了
3103室 四月 5, 2013 22:52:07尝试添加了两回都没能成功,JS调用应该是OK的,估计是代码修改问题,模板函数里没有找到“<?php printf(__('%s‘)”这样的函数,只有omment_author_link(); 就是WP-UserAgent前面那个,改写那个不成功,不过动态评论comments-ajax.php倒是有这么一句代码,但也不起作用。
四月 6, 2013 09:51:36刚看了回复 也有可能是JS冲突 再试试看
四月 6, 2013 09:55:30功能是实现了,JS的冲突问,但也出现了回复内容被图片向后推的问题,这个要怎么解决?
四月 6, 2013 10:58:35@张书杨 加css
3401室 四月 6, 2013 13:02:52@张书杨
3401室 四月 6, 2013 13:10:06@小蝴蝶 OK,问题已解决。换了个邮箱,改用163.
3402室 四月 6, 2013 23:39:24@张书杨 换邮箱的话足迹就得重新算了
3403室 四月 6, 2013 23:41:08@小蝴蝶 …该如何是好,从一而终?
3404室 四月 6, 2013 23:47:11@张书杨 额 这个不重要啦 你喜欢用哪个就用哪个啊
3405室 四月 6, 2013 23:58:43@小蝴蝶 呵呵 随性随性
3406室 四月 7, 2013 00:10:34刚看了后面的评论,张书杨用的是WP-UserAgent插件,可能函数表里面有代码,但是我用的是Show-UserAgent,在函数表里面没有体现出来。。找不到显示的PHP代码。。我现在用的是插件FAQ里面的手动调用,但是后台设置里面的功能全部失效,而且显示效果也不一样。。。
四月 6, 2013 20:44:40@爱美爱魅 ….换个插件呗
3501室 四月 6, 2013 21:21:49今天才知道原来除了程序猿,还有程序媛~媛得好,媛得妙……
四月 17, 2013 16:48:44言归正传,这个 s0.wordpress.com 被屏蔽是不假,不过 s0.wp.com 却真的是不稳定,尤其是加上“/mshots/v1”之后抽风的频率也比较大。不知道有没有其它可以推荐的?这个“图”的关键就是这个地址啊~
因为不是程序猿,所以换成别的网站不知道要怎么写,甚至换成“https://s.wordpress.com”或者“https://s-origin.wordpress.com/”要怎么体现这个“https”都不知道,还请指点。
@3qsami 你可以搜一下网页截图api,有很多,比如URL2PNG之类的
3601室 四月 18, 2013 23:28:20@小蝴蝶 好的,不懂再来问。
3602室 四月 19, 2013 14:09:16为什么出现这个错误:XMLHttpRequest cannot load http://s0.wp.com/mshots/v1/http%3A%2F%2Fwww.tiandiyoyo.com?w=450. Origin http://www.imyxiao.com is not allowed by Access-Control-Allow-Origin.
四月 19, 2013 18:56:27@yxiao 应该是从wp请求截图过程中的问题,原因还不知道,不过不影响效果
3701室 四月 20, 2013 14:10:18前几次没搞成 今天弄好了 竟然发现还和jq的版本有关
四月 27, 2013 12:55:48我的是这样的,该怎么改啊?
五月 27, 2013 14:29:12printf( ‘<cite>%1$s %2$s</cite>’,
get_comment_author_link(),
完整代码是这样的:
五月 27, 2013 14:31:23<?php
echo get_avatar( $comment, 44 );
printf( '<cite>%1$s %2$s</cite>’,
get_comment_author_link(),
// If current post author is also comment author, make it known visually.
( $comment->user_id === $post->post_author ) ? ‘ ‘ . __( ‘Post author’, ‘twentytwelve’ ) . ” : ”
);
printf( ‘<a href=”%1$s” rel=”nofollow”>%3$s</a>’,
esc_url( get_comment_link( $comment->comment_ID ) ),
get_comment_time( ‘c’ ),
/* translators: 1: date, 2: time */
sprintf( __( ‘%1$s at %2$s’, ‘twentytwelve’ ), get_comment_date(), get_comment_time() )
);
?>
@从良未遂 参见此楼http://xiaohudie.net/code/tech/async-comment-author-screenshot.html/comment-page-3#comment-3745
4001室 五月 27, 2013 15:21:06@小蝴蝶 显示是显示了,可是不能显示完整页面啊,麻烦帮忙看看啊
4002室 五月 27, 2013 15:35:32o,好像是失效了,蝴蝶姐姐
六月 15, 2013 18:25:55程序媛自己改写了wordpress?
七月 17, 2013 08:25:21@znboy 不算改写吧 功能定制而已
4201室 七月 20, 2013 01:06:24有点像网站快照
七月 21, 2013 19:51:35调试无果 请求支援!
十一月 27, 2013 14:36:19@神经大爆炸 检查是否引用了jq库以及版本对不对
4401室 十一月 27, 2013 14:49:07@小蝴蝶 在线 哈哈!!
没技术真可怕,小白比较白 要不你抽点时间帮我看看…
4402室 十一月 27, 2013 14:54:45