给你们的懒人留言模式

我觉得我是够懒的:或者我最近把WordPress日志内的单独页面分成三个标签切换部分(正文,留言,trackback),这做法的确只能方便自己罢了。因为我基本是不需要看正文就可以直接点击评论标签回复大家,谁叫文章是我写的呢,我倒不愿意滚屏一下才能回应留言;谁知道大家比我还懒,上篇试验日志中说留言麻烦的家伙可不在少数哦。那好吧,我改。

090321 1 给你们的懒人留言模式

但我还是坚持原有的标签设计,因为我觉得这样是一种试验:文章的页面相对来比较整齐,不用被留言版块拖得太长。当然我只是用JQuery把留言部分隐藏,其实它们还是已经加载的,你也可以说这算是一种“掩耳盗铃”的方法,but,why not?对于回访的朋友这个标签很方便他们,假设他们还记得文章的内容。所以,对于新访客,我在文章尾部利用JQuery再增加两个跳转的按钮链接如下截图:

090321 2 给你们的懒人留言模式

第一个按钮执行的操作如下几步:

  1. 跳转到网站顶部;
  2. 隐藏正文内容;
  3. 读入留言内容;
  4. 光标定位到留言框。

note 1:因为我的留言是倒序留言板的,最新留言在最上部,留言框也在页面的最上位置,所以我必需把页面先移到上面去。否则切换正文及留言内容后会可能看不到留言框;

note 2:光标定位到留言框算是对你们上回懒惰却又坚持留言的报答了,这样你们留言前就不用再点击一次留言框了,满意了吧,呵呵(个人觉得这个抢沙发可方便)。使用只是一句简单的js:

$("#comment").focus();

其实你可能觉得有了上一个按钮就足够了,但我想一下,为再方便大家(的懒?),我再加上第二个,执行的操作有点不一样:

  1. 隐藏正文内容;
  2. 读入留言内容;
  3. 展开所有留言;
  4. 跳转到网站底部。

note 1:我假设需要上述操作的朋友是希望把该篇文章的所有留言都看一次。而我站内的留言默认是展开最新5条,其余较旧留言是折叠的,只留下留言者的名字(设计的方法可以回看这篇文章)。所以我必需不懒惰地先把折叠了的留言都展开,服务到家啊。

note 2:也是因为留言倒序,所以最旧的留言在页面的最底位置,所以也就需要把访客带到页面最底位置,让他们从第一条留言开始慢慢看。

P.S. -2:我想按上面的做法,大家应该不会太觉麻烦了吧。其实其实不放弃标签的设计也是因为我还花了不少时间在它的W3C认证上,可不能随便放弃哦。

P.S. -1:如果这个设计不错的话,我会把它也放到主题的最新版本1.6中更新。或者也把实验的方法写出。

p.s. 0:好,继续玩我的BB 8900,哈哈。

分类:theme skill, WordPress;标签:, , , , ;收藏本文的永久链接

45 Responses to “给你们的懒人留言模式”

  1. Tina 回复此留言 2009/03/21 19:57 #comment-5082

    沙发!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!

  2. Zoll 回复此留言 2009/03/21 20:01 #comment-5083

    囧。。我无法蝉联三次沙发了。。

  3. Tina 回复此留言 2009/03/21 20:02 #comment-5084

    说完一句想说第二次就得重新刷新才行... 唔 对于话唠是极其不方便的~

  4. Jinwen 回复此留言 2009/03/21 20:10 #comment-5085

    Tina: 说完一句想说第二次就得重新刷新才行... 唔 对于话唠是极其不方便的~

    这个嘛,我才刚把它取消;我其实又想过你说的,但我认为目前为止只有你会执行连续多次留言的行为。。。

  5. Jinwen 回复此留言 2009/03/21 20:12 #comment-5086

    @Zoll: 谁叫你碰上了Tina姐姐。。。

  6. onefrozen 回复此留言 2009/03/22 03:37 #comment-5125

    测试了一下,在IE8中,不会切换“选项卡”,对于不太熟悉这模式的家伙,也许就会找不到正文在哪了,,,,囧

  7. 老时 回复此留言 2009/03/22 07:48 #comment-5129

    很拉风的留言板。

  8. 爱月 回复此留言 2009/03/22 10:17 #comment-5135

    很好~很和谐~这样比昨天好多了~看我现在得心应手的感觉你就应该知道要加到下一个模板里去了吧~哇哈哈哈~

  9. welee 回复此留言 2009/03/22 13:50 #comment-5137

    第一次见到将正文和留言分开显示是在 24ways.org,当时觉得很不错,因为不知怎么做就搁着了。

    Jinwen 的这个主题越来越赞了,我也下载了,来偷师偷师,嘿嘿!

  10. welee 回复此留言 2009/03/22 13:52 #comment-5138

    @Zoll 你就认命吧!!

  11. Tina 回复此留言 2009/03/22 13:57 #comment-5139

    话说 我很久没有收到你这里的回复邮件提醒了 什么情况...

  12. 沿阶草 回复此留言 2009/03/22 08:58 #comment-5133

    确实很拉风。

    点击评论后,在想回去看原文,有点茫然。

    好大一会才找到,“需要复习原文的各位请点标题切换~”

  13. xiaorsz 回复此留言 2009/03/22 16:49 #comment-5144

    很强大!!
    搞点 ajax 就更 high 了,呵呵!!

  14. Jinwen 回复此留言 2009/03/22 10:26 #comment-5136

    @onefrozen 呵呵,我先看看大家反应才会把选项卡的切换加上;毕竟我也懒,哈。
    @沿阶草 说明文字我也已经加粗了,还是。。。
    @爱月 好了,有个认同的声音啦。

  15. oliex 回复此留言 2009/03/22 15:51 #comment-5143

    请教下,我想给WP标签云中的每个标签定义不同的样式,有办法办到吗?有没有什么TAG ID之类的东东啊?

  16. Jinwen 回复此留言 2009/03/22 18:34 #comment-5146

    @Tina 话说,我昨天才加上让访客也能发送回复邮件的功能,呵呵,所以。。。
    @xiaorsz 搞点AJax是什么意思啊?

  17. Jinwen 回复此留言 2009/03/22 18:51 #comment-5147

    @welee 是哦,你不说我也没注意到他也是这样做的;他的做法和我有点不一样,本来我也想按他的设计方法去做,但我觉得标签上下都有不好看啊。另外按他那样做,我要重成好多代码,我懒,呵呵。

  18. Jinwen 回复此留言 2009/03/22 19:18 #comment-5150

    @oliex 我觉得是有的,你查看一下生成标签云页面的源代码,应该会在各个标签的链接内找到一个class的样式命名,那个就可以用来作为定义了。

  19. Showfom 回复此留言 2009/03/23 04:47 #comment-5165

    真的很漂亮哦!

  20. 吖Bee 回复此留言 2009/03/23 06:07 #comment-5170

    好酷~~~啊~我太喜欢了

  21. laofan 回复此留言 2009/03/23 06:09 #comment-5171

    很好,很强大,学习了。

  22. BoBoSkY 回复此留言 2009/03/23 05:35 #comment-5167

    太帅了,这个主题 啥时候能分享出来啊。O(∩_∩)O哈哈~

  23. iColor 回复此留言 2009/03/23 05:37 #comment-5168

    在 Safari 下点 查看XX个的留言后会切换到 留言栏,但留言栏标签却没有变成激活状态,你看一下...

  24. 小墨 回复此留言 2009/03/23 06:01 #comment-5169

    其实我想说,每次看到你名字我都想到两个字:鸡瘟
    @@

  25. Jinwen 回复此留言 2009/03/23 07:55 #comment-5173

    @iColor 没有激活是正常的,因为我还没有设置它,呵。

  26. sherry 回复此留言 2009/03/23 09:24 #comment-5176

    越来越好看啦!!!赞扬!!!!

  27. Zoll 回复此留言 2009/03/23 19:48 #comment-5190

    发现一个问题,当我看完正文点下面的按钮来到了评论列表,
    发现顶上的标签栏还是显示的正文日期的那个,下面是留言,回不去正文了。。只能点一下 xxcomments 再点正文标签
    我在Chrome下。

  28. 歪歪屋啊 回复此留言 2009/03/23 14:45 #comment-5182

    呵呵,先收藏了,不错,

  29. leehow 回复此留言 2009/03/23 15:09 #comment-5183

    how sweet U R~

  30. leehow 回复此留言 2009/03/23 15:13 #comment-5184

    好看,忍不住再多说几句...

  31. Jinwen 回复此留言 2009/03/23 19:53 #comment-5191

    @Zoll 这个不是bug,是我根本还没有弄它,呵呵。你已经是第三个提出的了,看来我又要放下我的8900先了,哈哈。

  32. Jinwen 回复此留言 2009/03/23 19:55 #comment-5192

    @Zoll 不过话说,你没看第一行“Hi,这是《给你们的懒人留言模式》的讨论部分,需要复习原文的各位请点标题切换~ ”的说明哦……

  33. Jinwen 回复此留言 2009/03/23 22:09 #comment-5194

    @onefrozen @Zoll 现在你们说的选项卡切换问题我也修正了,有时间试下 ^_^

  34. Jinwen 回复此留言 2009/03/23 22:11 #comment-5195

    @沿阶草 现在也修正了选项卡的同步问题,所有切换都有标签执行好了,不疑惑大家,呵呵。

  35. IZK 回复此留言 2009/03/25 09:10 #comment-5253

    懒人是干脆掉头就走的,根本不留言
    而且这个日志和评论分开太不方便了,万一想针对日志里某一部分评论,还得按分页

  36. Jinwen 回复此留言 2009/03/25 19:13 #comment-5259

    @IZK 如果要针对日志内容的话,一般情况下还是要滚动查看啊,一样的。

  37. 生活在远方 回复此留言 2009/03/26 05:16 #comment-5278

    创意很好.情不自禁地想试下..
    收藏先

  38. baby 回复此留言 2009/03/27 00:50 #comment-5324

    hehe,不懂代码的人支持一个:)
    期待有比较详细的实现步骤,俺们菜鸟可以尝试一下~~

  39. onefrozen 回复此留言 2009/03/29 08:01 #comment-5402

    IZK: 懒人是干脆掉头就走的,根本不留言而且这个日志和评论分开太不方便了,万一想针对日志里某一部分评论,还得按分页

    高清MM来砸场子了,哇哈哈哈

  40. Charles 回复此留言 2009/03/30 05:47 #comment-5431

    想法很好啊~~ 我给你提个意见啊:“我要看看那XX个家伙都说了些什么”,这句话应该改改。XX个家伙,指的应该是人,非要这么说,应该计算出留言者的数量,(比如A说了5句话,B说了10句话,应该是2个家伙,而不是15个家伙),或者换成,“我要看看那XX条留言都说了些什么”。你觉得我的想法有意思么?

  41. Charles 回复此留言 2009/03/30 05:52 #comment-5432

    发现你也是8900啊,握手,多交流啊!

    P.S.

    我能再提一个建议么?刚才我发表了上一条留言,然后突然想到点什么,又想写现在这条,结果我点了“看完,我有话要说”,你猜怎么的?留言框显示不出来了,展示了一条类似于“谢谢您的评论”这么一句话,表单没了。应该留给我这种家伙连续发评论的能力吧……

  42. Jinwen 回复此留言 2009/03/30 07:57 #comment-5437

    @Charles 你的两个建议都好啊。其实表单的隐藏是后来改的,以前是大约5秒后会再次出现,上次更改我把它取消了。你是第二个要求连续留言的了,第一个是@Tina 同学。。。

  43. leesum 回复此留言 2009/04/08 07:55 #comment-5695

    感觉搞按钮之后变得繁琐了···
    我要点一次鼠标
    再滚动条至回复框

  44. Jinwen 回复此留言 2009/04/08 08:07 #comment-5697

    @leesum 不太明白你说的,“点一次鼠标”是点哪里啊?然后“再滚动条至回复框”?还是不太明。。。

  45. Shaun 回复此留言 2010/02/11 14:50 #comment-12802

    路过