伟大的墙

2009/09/25 Add 110 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,我也是被逼的啊,你知道我是最重友轻色(还有人不信?再色诱我试试)的啦。

署名-非商业性使用-相同方式共享
  1. 久酷 #comment-1140
    2009/09/25 08:21  #1

    嗯,东哥作品,值得支持^_^

  2. whisperer #comment-1141
    2009/09/25 08:22  #2

    @久酷
    对 很好用

    你好早啊 我还计划等会儿没人时候自己抢个沙发呢。 :grin:

  3. 久酷 #comment-1143
    2009/09/25 08:31  #3

    唉......生病了,不舒服睡不着啊.......早点起来看看你,OHOH.........

  4. whisperer #comment-1144
    2009/09/25 08:36  #4

    @久酷
    :cry:

    小心别出门被人抓起来隔离了.. :mrgreen:

  5. 小飞 #comment-1145
    2009/09/25 08:37  #5

    踩上一脚~

  6. whisperer #comment-1147
    2009/09/25 08:50  #6

    @小飞
    汗 看到你我想起来你的邮件了 我在Q上~~

  7. 万戈 #comment-1148
    2009/09/25 09:12  #7

    哈哈,名字里有个半角引号也是错呀

  8. whisperer #comment-1150
    2009/09/25 09:16  #8

    @万戈
    对啊 用半角引号的地方太多了吧
    当初我的空间名那个引号还困扰了我好久呢。

  9. 小飞 #comment-1152
    2009/09/25 09:25  #9

    @whisperer
    看来我以后得多来...哈哈

  10. whisperer #comment-1154
    2009/09/25 09:28  #10

    @小飞
    对了 ~~哈哈

    你咋不在资料里写上你的网址咧。

  11. 小飞 #comment-1155
    2009/09/25 09:30  #11

    @whisperer
    不急,我给你推荐一软件吧,云端...挺不错

  12. whisperer #comment-1157
    2009/09/25 09:32  #12

    @小飞
    你空间里的那个么?

  13. 小飞 #comment-1159
    2009/09/25 09:35  #13

    @whisperer
    恩,微软都要虚拟化了,我们得跟上...

  14. whisperer #comment-1162
    2009/09/25 09:43  #14

    @小飞
    啊 我去看~~话说我现在都很少用新东西了~~ :oops:

  15. A.shun #comment-1164
    2009/09/25 09:48  #15

    原来是读者墙。。

    我还以为你要来歌颂下我们伟大的墙呢

  16. whisperer #comment-1167
    2009/09/25 09:55  #16

    @A.shun
    我可不敢~~ :evil:

  17. A.shun #comment-1170
    2009/09/25 10:43  #17

    你这个是什么代码高亮插件 :arrow:

  18. sleepy #comment-1171
    2009/09/25 10:43  #18

    看来现在弄个墙很流行呀

  19. whisperer #comment-1172
    2009/09/25 11:06  #19

    @A.shun
    没用插件 发芽网 呵呵,我不常写代码而且找不到满意的高亮插件所以就用这个了。

  20. whisperer #comment-1173
    2009/09/25 11:08  #20

    @sleepy
    对啊 毕竟经常互访的并不一定都在链接上
    也是不错的互动方式嘛... :grin:

  21. A.shun #comment-1174
    2009/09/25 11:26  #21

    @whisperer
    哟。。不俗。。
    果然好用。。。舒服多了
    对我来说正好合适,反正我代码用得不多。
    感谢。~(@^_^@)~

  22. whisperer #comment-1175
    2009/09/25 11:30  #22

    @A.shun
    嗯 很不错呢 我还在css里稍微控制了一下 看上去更好些,我的代码:

    .source {
    line-height:14px;
    font-size:12px;
    margin:10px;
    padding:5px;
    }

    对了,这个source是它代码里本来就有的 所以直接用就可以咯。

  23. gil #comment-1176
    2009/09/25 11:33  #23

    不错,效果挺cooooool!那个微博客也很不错! :mrgreen: 你的主题是越来越完善啦 :smile:

  24. whisperer #comment-1177
    2009/09/25 11:36  #24

    @gil
    你居然看到我的微博客了。。。。

    成年了没,你。。。 :mrgreen:

  25. A.shun #comment-1178
    2009/09/25 11:40  #25

    @whisperer
    谢了。不过我对原来的样式就很满意了 :smile:
    只是修改了下缩进

  26. keelii #comment-1179
    2009/09/25 11:40  #26

    二行二列,上榜^!^

  27. whisperer #comment-1180
    2009/09/25 11:43  #27

    @keelii
    马上就进入第一列了 哈哈

  28. whisperer #comment-1181
    2009/09/25 11:45  #28

    @A.shun

    我改的也不多啊,也是布局小调整下,然后行距给变小了。行距变小我觉得很有必要。

  29. A.shun #comment-1182
    2009/09/25 11:46  #29

    @whisperer
    我们老人家喜欢大字体大行距 :grin:

  30. whisperer #comment-1183
    2009/09/25 11:48  #30
  31. 卫星 #comment-1184
    2009/09/25 12:25  #31

    不错,效果相当好

  32. wuleilei #comment-1185
    2009/09/25 12:51  #32

    呵呵,刚看到标题时还以为是Great FireWall,这也是伟大的墙,中国伟大的墙~

  33. wuleilei #comment-1186
    2009/09/25 12:52  #33

    @wuleilei
    哇,刚说的这句话不会是不和谐的东东吧?
    清一下头像的缓存吧,刚把头像又设置了一下,应该可以了~

  34. gil #comment-1188
    2009/09/25 13:18  #34

    @whisperer
    我说我未成年你信么? ;-)
    我是看看微博客上有没有未成年少女被你毒害 :cool: 顺便也勾引个 :mrgreen:

  35. 小新说 #comment-1190
    2009/09/25 13:30  #35

    我想知道你的音乐页面是怎么弄的?给你发了邮件也没有给回复!
    太喜欢你的音乐那个页面的效果了!

  36. MuMu'S #comment-1191
    2009/09/25 13:49  #36

    哈哈,你也用上这个拉。我那个名字确实奇怪的噢。好多同学的博客还说名字不符合规范,去掉'才行。还有有时候输入了全角的’,就更麻烦了,会显示MuMu'S,囧 :lol:

  37. MuMu'S #comment-1192
    2009/09/25 14:02  #37

    搞半天刚才没有留言起说。再唠叨一下:我那个名字就是奇怪,有的博客还说用户名格式不对,去掉'才得行。有时候把'打成全角的'更搞笑,问题一大把。恩,我想是不是干脆把'去掉了。

  38. 卫星 #comment-1196
    2009/09/25 14:56  #38

    发现一个很久以前一样的东西 http://fvzone.com/blog/gr_all_icons.fv

  39. 卫星 #comment-1200
    2009/09/25 15:44  #39

    我都设置成X级别了,并且有几个限制级的头像也显示出来了。但我不明白为什么博主的头像在我的墙里死活显示不出来。难道博主是超级限制级?哈哈

  40. Louis Han #comment-1201
    2009/09/25 16:51  #40

    风口浪尖的 我以为又是Firewall呢

  41. whisperer #comment-1203
    2009/09/25 18:59  #41

    卫星 :

    不错,效果相当好

    嗯 很不错的插件。

    卫星 :

    发现一个很久以前一样的东西 http://fvzone.com/blog/gr_all_icons.fv

    看到了 很好 见到过那样的功能,可能用的就是那个插件吧,我也很想要那种功能的。

    卫星 :

    我都设置成X级别了,并且有几个限制级的头像也显示出来了。但我不明白为什么博主的头像在我的墙里死活显示不出来。难道博主是超级限制级?哈哈

    奇怪啊 我就是G级的啊。你把我的邮件地址都改成小写字母试试。奇怪了。 :mrgreen:

  42. whisperer #comment-1204
    2009/09/25 19:01  #42

    wuleilei :

    @wuleilei
    哇,刚说的这句话不会是不和谐的东东吧?
    清一下头像的缓存吧,刚把头像又设置了一下,应该可以了~

    wuleilei :

    呵呵,刚看到标题时还以为是Great FireWall,这也是伟大的墙,中国伟大的墙~

    哈哈 就是要标题党一下嘛 :razz:

    清理缓存了,能看到头像了 哦耶~~

  43. whisperer #comment-1205
    2009/09/25 19:03  #43

    @gil
    汗 你的思路倒是不错。。。 :mrgreen:

  44. whisperer #comment-1206
    2009/09/25 19:04  #44

    @小新说
    噢噢 不好意思 我给忘了 嗯,稍后我把程序发给你吧

  45. whisperer #comment-1207
    2009/09/25 19:11  #45

    @Louis Han
    哈哈 那个墙看到这个墙之后,应该感到羞愧 :mrgreen:

  46. whisperer #comment-1208
    2009/09/25 19:14  #46

    MuMu'S :

    哈哈,你也用上这个拉。我那个名字确实奇怪的噢。好多同学的博客还说名字不符合规范,去掉'才行。还有有时候输入了全角的’,就更麻烦了,会显示MuMu'S,囧 :lol:

    昨天我到后台一口气全部给你改了 哈哈。

    MuMu'S :

    搞半天刚才没有留言起说。再唠叨一下:我那个名字就是奇怪,有的博客还说用户名格式不对,去掉'才得行。有时候把'打成全角的'更搞笑,问题一大把。恩,我想是不是干脆把'去掉了。

    搞不懂你的上面的这条为什么会被我的Ak拦截掉。。也不必去掉啦,又不是你的错 :grin:

  47. joe #comment-1212
    2009/09/25 19:36  #47

    貌似看到我头像了。。

  48. whisperer #comment-1214
    2009/09/25 19:38  #48

    @joe
    而且还很靠前 :o

  49. 卫星 #comment-1215
    2009/09/25 19:44  #49

    @whisperer
    我已经试过全部改成大写字母了,结果没用。现在去改小写试试。

  50. whisperer #comment-1216
    2009/09/25 19:49  #50

    @卫星
    我就是让你改成小写嘛。。。 :razz:

    看到我的头像了~~

1 2 3 58
  1. 2009/10/06 03:36 | #1
  2. 2009/10/07 18:38 | #2
  3. 2009/10/11 22:03 | #3
  4. 2009/10/24 21:16 | #4
  5. 2011/05/12 12:35 | #5