伟大的墙 - Let's whisper

欢迎围观GFW。
你们别想歪了哦，我知道你们怎么想的，你们肯定以为我在说GirlFriend Wall，女友站成墙是不？想得挺美，我才不像你们这些重色轻友的，我说的是 Great Friend Wall...我可是正宗的重友轻色，不信你色诱我试试...
……

很早之前就看到有同学博客上有帅帅的GFW（为了迎接祖国60年大庆，以下用读者墙代替），非常羡慕，但是因为我是新来的人生地不熟，还不好意思直接向别人要。于是就自己动手做了个 Links 页面，效果还不错，我很喜欢。昨天突然从菠萝那儿得知有个读者墙插件，狠狠地刺激了我重友轻色（你不信？再色诱我试试）的神经。马上查到居然是著名缓存插件 cos-html-cache 的作者 cosbeta 的作品：读者墙插件。
拿来试用一番，美化了一下外观，稍稍改动了一下，居然还实现了头像缓存。效果你也看到了，是不是和我的 Links 页面可以乱真了？以下是这个插件的简单介绍和我的使用小技巧。
1、插件功能及使用
功能：列出最近一周或者一个月或者一个季度或者一年的评论人员头像；
下载及使用：要不，去cosbeta网站上去看吧？
以下是cosbeta没有讲到的：
2、鼠标悬浮显示评论的条数
这个在IE和Chrome（没看Firefox的效果所以拿Chrome开刀了）下表现得不太一样，在IE下默认不显示评论条数。需要改一个地方才行。
打开 wp-reader-wall.php ，在52行左右，
有一句title='".$comment->comment_author." (".$comment->comment_nums.")' ，
还有一句 alt='".$comment->comment_author."' ，
前者在Chrome下有效，后者在IE下有效，这下你该明白怎么改了吧。
当然了，你还可以改成 (".$comment->comment_nums." 条评论)' ，就是我现在的效果。
3、用css控制外观
可以这么写，具体根据你自己风格去定义：

div#readerswall a{padding:3px}

div#readerswall img {

background:#F4F4F4;

border:1px solid #CCC!important;

padding:1px;

}

div#readerswall a:hover img {

border-color:#0085eb !important;

}

4、实现山寨版的gravatar头像缓存
为什么叫山寨版的头像缓存呢，想想我都想笑，因为我这个方法实在是太简单太BT了。我这里所有的gravatar头像都实现了缓存，详细可以看我这篇全面启用gravatar头像缓存，用了一个很简单而且有效的方法实现了评论列表，以及wp-recentcomments的头像缓存。所以说现在我已经有了一个avatar目录，存放缓存的头像。
再来看看这个读者墙调用头像的代码：

<img width='".$imgsize ."' height='".$imgsize ."' src='http://www.gravatar.com/avatar.php?gravatar_id=".md5($comment->comment_author_email)."&size=".$imgsize ."&d=identicon&r=G' alt='".$comment->comment_author."' />

这不是太简单了么，我直接改成：

<img width='".$imgsize ."' height='".$imgsize ."' src='http://www.whisperer.name/avatar/".md5($comment->comment_author_email)." .jpg' alt='".$comment->comment_author."(".$comment->comment_nums." )' />

居然就这样轻松实现了读者墙的gravatar头像缓存~~

5、遇到的另外一个BT问题
本来以为大功告成之时，鼠标移到 MuMu's 同学的头像上时，发现只显示一个 MuMu，请注意是 MuMu，既少了's又没有评论数量。我想可能是MuMu同学换过域名换过邮件换过名字的原因，到后台把所有内容改成一致，结果还是如此。怪了。
然后用Chrome查看页面源文件时才发现问题所在，为什么用Chrome，因为它查看源文件时有代码高亮，帮助我发现了问题。
再来看上面提到的第52行中的代码：

title='".$comment->comment_author." (".$comment->comment_nums.")'

源文件中的相关部分：

title='MuMu's (18)'

看出问题了吧？浏览器读取了title中前两个英文单引号之间的内容，MuMu's的那个 ' 把后面那个 ' 的饭碗抢了，人家当然不会给你显示了。
我解决办法是，在后台找到MuMu's在本博客的第一条评论，把名字改成MuMu。MuMu's，我也是被逼的啊，你知道我是最重友轻色（还有人不信？再色诱我试试）的啦。