伟大的墙

2009/09/25 Add 108 comments |

欢迎围观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,我也是被逼的啊,你知道我是最重友轻色(还有人不信?再色诱我试试)的啦。

Posted by whisperer | in Skills, wordpress | 1,081 views | Tags: , , , , | Twit it !
  1. 10. 15th, 2009 at 01:10 | #1

    @超人
    不学习了 睡觉。。。。。

  2. 12. 8th, 2009 at 16:05 | #2

    缓存好。

  3. 02. 28th, 2010 at 15:37 | #3

    嘿嘿都是从其他博客点击近来的,多多支持哈,元宵恭祝元宵节快乐。。

  4. 03. 22nd, 2010 at 14:18 | #4

    最讨厌GFW

Comment pages
  1. 10. 6th, 2009 at 03:36 | #1
  2. 10. 7th, 2009 at 18:38 | #2
  3. 10. 11th, 2009 at 22:03 | #3
  4. 10. 24th, 2009 at 21:16 | #4