伟大的墙

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. MuMu'S #comment-1217
    2009/09/25 19:49  #51

    @whisperer 啊哦。我是说发了评论怎么没有反应。原来被当垃圾了。这么不智能?

  2. whisperer #comment-1218
    2009/09/25 19:52  #52

    @MuMu'S
    Ak这两天有点儿抽风

    你换头像啦。。。。好漂亮 :o

  3. MuMu'S #comment-1219
    2009/09/25 20:07  #53

    @whisperer 啊,你没有清缓存,怎么知道了呢。换个给我那主题搭点的。

  4. whisperer #comment-1220
    2009/09/25 20:14  #54

    @MuMu'S
    在碰巧到后台,看见了~~

    和你的主题相配,很和谐

  5. 小新说 #comment-1222
    2009/09/25 21:32  #55

    @whisperer 嗯嗯嗯 ,太谢谢了!
    还记得你的Jade Valerie - Bittersweet Symphony那遍日志下的music播放器的吗?很漂亮,没办法,看到喜欢的,看到漂亮的,总是忍不住想问,想收藏!!!

  6. whisperer #comment-1223
    2009/09/25 21:33  #56

    @小新说
    Dewplayer

  7. BestDong #comment-1224
    2009/09/25 21:35  #57

    cosbeta刚写出来的时候就想用,不过还是等他再美化完善下再 :smile:

  8. whisperer #comment-1225
    2009/09/25 21:36  #58

    @BestDong
    你可以自己美化嘛 看看俺的~~哈哈

  9. 老饕 #comment-1226
    2009/09/25 23:21  #59

    呵呵,有搞头啊!!

  10. Eleven #comment-1227
    2009/09/25 23:51  #60

    哇 都挂到墙上了

  11. whisperer #comment-1228
    2009/09/26 00:00  #61

    @Eleven
    以此证明你来过 :smile:
    你也设置个头像呗,呵呵

  12. whisperer #comment-1229
    2009/09/26 00:10  #62

    @老饕
    挺不错的 我就也弄了一个~~

  13. SMILE #comment-1231
    2009/09/26 06:01  #63

    不错~用上了。非常感谢推荐这么好的东西,嘿。

  14. joe #comment-1239
    2009/09/26 09:16  #64

    @whisperer 对哦。。。还很前呢!

  15. freephp #comment-1240
    2009/09/26 11:15  #65

    原来如此,还以为是指河的那个GFW呢,吓我一跳,以为又有哪个重要的网站被河了呢。
    貌似不错,有时间搞搞看看。

  16. AccEcc #comment-1241
    2009/09/26 12:19  #66

    可以 等电脑回来了再折腾试试思密达 :arrow:
    对了 你给我的那个音乐程序我去官网看了下 原来是收费的 超牛B啊。单独用来做音乐的未免太浪费了。

  17. whisperer #comment-1248
    2009/09/26 20:18  #67

    @SMILE
    不用客气 一会儿就去围观~~

  18. whisperer #comment-1249
    2009/09/26 20:19  #68

    @freephp
    每天标题党一下~~~ :razz:

  19. whisperer #comment-1250
    2009/09/26 20:22  #69

    @AccEcc
    嗯 不过其他功能我用不着啊,相册吧,我更喜欢现在我用的这个,视频格式要flv,貌似没法外链视频网站的。
    音乐页面的播放器太简陋了 居然没有暂停按钮,而且我现在用的这个播放模式连播放器都找不到。
    总之,问题很多,并不完美。

  20. #comment-1257
    2009/09/26 23:35  #70

    默认头像不少~

  21. whisperer #comment-1258
    2009/09/26 23:37  #71

    @安
    对 看来应该再推广一下gravatar

  22. 任天堂NDS游戏 #comment-1259
    2009/09/27 08:55  #72

    很活跃哦

  23. 汤博客杂志站 #comment-1263
    2009/09/27 11:49  #73

    博客文章不错。我们发布了一篇关于谷歌被黑的文章,赶紧来看!今天到访,望回访。:》

  24. 棺材中的尘埃|DustLonely Media #comment-1265
    2009/09/27 16:24  #74

    的确是面伟大的墙,我也正在努力修改我的友联页面。。。

  25. 小四 #comment-1266
    2009/09/27 17:59  #75

    呵呵,GFW,翻墙专家。

  26. Rubinz #comment-1271
    2009/09/27 23:54  #76

    这个好东西,不客气了,拿了跑。

  27. Lc. #comment-1278
    2009/09/28 07:07  #77

    哇。效果不错哦。搞得我心痒痒的。也想要了

  28. whisperer #comment-1279
    2009/09/28 09:53  #78

    @Lc.
    弄一个呗,挺好玩儿的。。 :grin:

  29. Lc. #comment-1288
    2009/09/28 23:05  #79

    @whisperer
    越看越喜欢。等有空了也玩玩~~ ;-)

  30. whisperer #comment-1289
    2009/09/29 00:21  #80
  31. 奥迦 #comment-1291
    2009/09/29 10:09  #81

    我也该弄个头像吧,我也要,还有你的确是重友轻色,即便是大家想色诱你,手里也没用女人的,你的美好想法破灭了

  32. 奥迦 #comment-1292
    2009/09/29 10:10  #82

    我的头像 怎么有了呢,你好神奇

  33. whisperer #comment-1293
    2009/09/29 10:16  #83

    @奥迦

    没有人来色诱 :cry:

    你的头像我给你加的哈哈。 :roll:

  34. 品牌女装 #comment-1294
    2009/09/29 11:46  #84

    哇不错的东西啊!我也想有那个伟大的墙啊,研究研究咋弄上去!!!!

  35. 棺材中的尘埃|DustMedia|Dustlonely Media #comment-1295
    2009/09/29 12:18  #85

    伟大的墙的背后是什么呢?几个插件结合下,其实弄个墙还不算太困难。。。我的友链界面也上线了;)

  36. whisperer #comment-1296
    2009/09/29 12:25  #86

    @棺材中的尘埃|DustMedia|Dustlonely Media
    这个插件非常小,也就几十行代码而已~~

    嗯,看到你的友链界面了,你用的favicon :grin:

  37. Alex #comment-1345
    2009/09/30 12:31  #87

    看到里面有我了,O(∩_∩)O哈哈~插件不敢装太多。。

  38. whisperer #comment-1348
    2009/09/30 13:03  #88

    @Alex
    嗯 这个插件很小,我觉得都可以很容易地整合的模板里 :smile:

  39. 超人 #comment-1434
    2009/10/04 11:11  #89

    你的代码高光好漂亮~

  40. whisperer #comment-1435
    2009/10/04 12:09  #90

    @超人

    漂亮吧? 哈哈 用的发芽网的 :oops:

    好奇特的叫法啊,高光~~

  41. keelii #comment-1514
    2009/10/07 15:24  #91

    刚好请教个问题,这个评论墙貌似只能用在文章和page页面,有没有什么办法在首页调用呢?(除了另写一篇文章以外的方法!)

  42. whisperer #comment-1515
    2009/10/07 15:47  #92

    @keelii
    还真是 貌似现在还只能在post和page中调用
    你想在侧边栏的话只有用hot friends了 :sad:

    或者是这个,灌水先锋:
    http://www.mathelite.cn/archives/comment-warrior-upgrade-v-0-2-01.html

  43. keelii #comment-1516
    2009/10/07 15:59  #93

    @whisperer
    哦。谢了,感觉还是用灌水先锋吧!

  44. exia #comment-1517
    2009/10/07 16:59  #94

    上面那张图好像有我诶

  45. 超人 #comment-1635
    2009/10/09 21:13  #95

    :?: 每次来你的博客都想说.你的这个太漂亮了. 太喜欢你的博客了~

  46. Leo.N #comment-1900
    2009/10/14 21:41  #96

    Good job!第四点正是我想要的。。。 :evil:

  47. whisperer #comment-1901
    2009/10/14 21:59  #97

    @Leo.N
    前提是你要用先使用那个缓存方法呀 就是Willin提供的方法

  48. Leo.N #comment-1903
    2009/10/14 22:23  #98

    @whisperer
    这个必须有的,呵呵,顺便也套用了你的css~

  49. whisperer #comment-1904
    2009/10/14 22:29  #99

    @Leo.N
    哈哈 去围观~~~ :lol:

  50. 超人 #comment-1907
    2009/10/15 00:25  #100

    再次学习..

  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