欢迎围观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
哟。。不俗。。
果然好用。。。舒服多了
对我来说正好合适,反正我代码用得不多。
感谢。~(@^_^@)~
@A.shun
嗯 很不错呢 我还在css里稍微控制了一下 看上去更好些,我的代码:
对了,这个source是它代码里本来就有的 所以直接用就可以咯。
不错,效果挺cooooool!那个微博客也很不错! 😢 你的主题是越来越完善啦 😣
@gil
你居然看到我的微博客了。。。。
成年了没,你。。。 😢
@whisperer
谢了。不过我对原来的样式就很满意了 😣
只是修改了下缩进
二行二列,上榜^!^
@keelii
马上就进入第一列了 哈哈
@A.shun
我改的也不多啊,也是布局小调整下,然后行距给变小了。行距变小我觉得很有必要。
@whisperer
我们老人家喜欢大字体大行距 😀
@A.shun
囧 😈
不错,效果相当好
呵呵,刚看到标题时还以为是Great FireWall,这也是伟大的墙,中国伟大的墙~
@wuleilei
哇,刚说的这句话不会是不和谐的东东吧?
清一下头像的缓存吧,刚把头像又设置了一下,应该可以了~
@whisperer
我说我未成年你信么? 😉
我是看看微博客上有没有未成年少女被你毒害 😎 顺便也勾引个 😢
我想知道你的音乐页面是怎么弄的?给你发了邮件也没有给回复!
太喜欢你的音乐那个页面的效果了!
哈哈,你也用上这个拉。我那个名字确实奇怪的噢。好多同学的博客还说名字不符合规范,去掉'才行。还有有时候输入了全角的’,就更麻烦了,会显示MuMu'S,囧 😆
搞半天刚才没有留言起说。再唠叨一下:我那个名字就是奇怪,有的博客还说用户名格式不对,去掉'才得行。有时候把'打成全角的'更搞笑,问题一大把。恩,我想是不是干脆把'去掉了。
发现一个很久以前一样的东西 http://fvzone.com/blog/gr_all_icons.fv
我都设置成X级别了,并且有几个限制级的头像也显示出来了。但我不明白为什么博主的头像在我的墙里死活显示不出来。难道博主是超级限制级?哈哈
风口浪尖的 我以为又是Firewall呢