欢迎围观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 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目录,存放缓存的头像。
再来看看这个读者墙调用头像的代码:
这不是太简单了么,我直接改成:
居然就这样轻松实现了读者墙的gravatar头像缓存~~
5、遇到的另外一个BT问题
本来以为大功告成之时,鼠标移到 MuMu's 同学的头像上时,发现只显示一个 MuMu,请注意是 MuMu,既少了's又没有评论数量。我想可能是MuMu同学换过域名换过邮件换过名字的原因,到后台把所有内容改成一致,结果还是如此。怪了。
然后用Chrome查看页面源文件时才发现问题所在,为什么用Chrome,因为它查看源文件时有代码高亮,帮助我发现了问题。
再来看上面提到的第52行中的代码:
源文件中的相关部分:
看出问题了吧?浏览器读取了title中前两个英文单引号之间的内容,MuMu's的那个 ' 把后面那个 ' 的饭碗抢了,人家当然不会给你显示了。
我解决办法是,在后台找到MuMu's在本博客的第一条评论,把名字改成MuMu。MuMu's,我也是被逼的啊,你知道我是最重友轻色(还有人不信?再色诱我试试)的啦。
@whisperer
这个必须有的,呵呵,顺便也套用了你的css~
@Leo.N
哈哈 去围观~~~ 😆
再次学习..
@超人
不学习了 睡觉。。。。。
Permalink
缓存好。
嘿嘿都是从其他博客点击近来的,多多支持哈,元宵恭祝元宵节快乐。。
最讨厌GFW
很不错,很精彩的博客。来学习了!配色非常美!
Permalink
想太美了