记录并隐藏 WordPress 评论者信息

标签： , , , | 作者： 万戈 | 点击量2975次

　　自从成功使用 JQuery 实现伪异步载入后，也就消除了我对 JQuery 莫名的心理障碍，对 JQuery 的兴趣也是与日俱增，现在发现用 JQuery 不但可以实现很多酷炫的效果，而且对提高访客体验也是很有帮助的。不过话说，自从给自己的 WordPress 引入 JQuery 后，测试数据证明我曾引以为傲的网站速度略有迟缓，为了更好的访客体验，增加更多的回头率，只好稍微牺牲一下速度，尽力在网站效果和速度之间找到一个平衡点，使之完美。

　　昨天就给自己的 WordPress 添加了记录访客 Cookies，并隐藏评论者昵称、邮箱、网址等个人信息的功能，这样可以让第二次回访的用户在留言时看上去如同管 理员登陆时的状态一样。网上参考了不少博文和资料，最后还是选择了 Leo.N 的方法，虽说他也是从别处挖来的，但是 Leo.N 写的很仔细，适合我这样的 JQuery 小白，拿来转载一下。

　　首先，我们要编辑　comments.php，在类似于：

<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" size="22" tabindex="1"/>

　　在评论者姓名输入框代码上方添加：

<?php if ( $comment_author != "" ) : ?>
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来！ '), $comment_author) ?>
</div>
<?php endif; ?>

　　然后再把三个评论者姓名、电邮、网址的代码输入框用 <div id="author_info"></div>包起来，到此，comments.php 修改结束；

　　然后，新建一个名为 infohide 的 js 文件，把以下代码放进去：

$(document).ready(function() { //开始
if($('input#author[value]').length>0){ //判断用户框是否有值
$("#author_info").css('display','none'); //将id为author_info的对象的display属性设为none，即隐藏
var change='<span id="show_author_info" style="cursor: pointer; color:#2970A6;">change &raquo;</span>'; //定义change，style是定义CSS样式，让他有超链接的效果，color要根据你自己的来改，当然你也可以在CSS中定义#show_author_info来实现，这样是为了不用再去修改style.css而已！
var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close &raquo;</span>'; //定义close
$('#welcome').append(change); //在ID为welcome的对象里添加刚刚定义的change
$('#welcome').append(close); // 添加close
$('#hide_author_info').css('display','none'); //隐藏close
$('#show_author_info').click(function() { //鼠标点击change时发生的事件
$('#author_info').slideDown('slow'); //用户输入框向下滑出
$('#show_author_info').css('display','none'); //隐藏change
$('#hide_author_info').css('display','inline'); //显示close
$('#hide_author_info').click(function() { // 鼠标点击close时发生的事件
$('#author_info').slideUp('slow'); //用户输入框向上滑
$('#hide_author_info').css('display','none'); //隐藏close
$('#show_author_info').css('display','inline'); })})}}) //显示change

　　保存文件至主题目录下。

　　最后，在 footer.php 中引用 JQuery 和以上 infohide.js：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
<?php if ( is_singular() ){ ?>
<script type="text/javascript" src="<?php bloginfo('template_url'); ?>/infohide.js"></script>
<?php } ?>

　　友情提醒：载入 JQuery 和 JS 的顺序一定不能搞错，否则就不成功了。至此，用 JQuery 隐藏回头访客资料输入框就完成了，童鞋快留言试试吧！

　　方法载自：http://leo-n.cn/hide-visitor-info-with-jquery.html

2009-12-6 17:09 分类: 电脑网络 , 转来载去 191 条评论

相关日志

本文已盖 191 层楼

  1. 回复 lugede 说：
    2010年08月22日 于 11:49 下午

    很好。学习了。

  2. 回复 阿疯 说：
    2010年08月19日 于 5:52 下午

    崩溃。我怎么测试都不成功

  3. 回复 木本无心 说：
    2010年07月28日 于 7:40 下午

    您的滑动效果看着舒服多了，我没用上！

  4. 回复 木本无心 说：
    2010年07月28日 于 7:39 下午

    万大师，你给看看，我给修改的pj是否可行？虽然方法不一样！

  5. 回复 维C生活 说：
    2010年06月29日 于 9:47 下午

    我鼓弄半天还是没有实现，郁闷ing

  6. 回复 洁 说：
    2010年06月12日 于 11:17 上午

    以前是可以的，现在发现居然3个信息框都隐藏了，难怪没人来评论了 诶只好撤了

  7. 回复 迎接 说：
    2010年06月9日 于 4:38 下午

    好像是从neoeasy传出来的样子,照样改的时候,发现inove主题自带了这个效果

  8. 回复 cooved 说：
    2010年05月24日 于 10:19 下午

    求教：在firefox浏览器下，没有用户登录信息 ，输入栏也隐藏，你的站没问题， :???:

  10. 回复 猪八戒 说：
    2010年05月19日 于 11:45 上午

    先看看这篇，再看今天发的那篇。

  11. 回复 ikeeptrying 说：
    2010年05月13日 于 10:23 下午

    zblog要怎么解决呢～

  12. 回复 宋夏 说：
    2010年05月11日 于 1:58 下午

    太棒了。找到了终于。
    我会在博客里也记录一下，写上出处的。

  13. 回复 Ray 说：
    2010年04月29日 于 9:34 上午

    我也要搞一个

  14. 回复 朵未 说：
    2010年04月12日 于 10:59 下午

    今天也用这个方法改了下。不知道留言回记住了没。不然真不好意思，呵呵。

  15. 回复 Arne 说：
    2010年03月22日 于 4:06 下午

    结合你和木木同学的，搞定 :wink:

  16. 回复 成 说：
    2010年03月2日 于 3:13 上午

    :twisted: 我又搬过去了.哈哈

  17. 回复 闪闪的星 说：
    2010年02月2日 于 2:54 下午

    目前还不会JQuery……

  18. 回复 北街 说：
    2010年01月26日 于 6:58 下午

    :roll: 很棒哦~学习了！

  19. 回复 厦门seo 说：
    2010年01月3日 于 9:58 下午

    试试看哈，不知道什么样子

  20. 回复 张三 说：
    2009年12月24日 于 7:20 下午

    现在试试……

  21. 回复 licream 说：
    2009年12月18日 于 3:53 上午

    - -好像我的主题注定不支持很多东西。郁闷

    能显示欢迎。但不能隐藏那三个文本框。。奇怪了，

  22. 回复 星网 说：
    2009年12月14日 于 1:01 上午

    今天晚上我和张三又测试了！不过还是失败了！唉！好郁闷！明天我和张三一起找你问问，我们两个都无能为力了！

  23. 回复 Simon Kong 说：
    2009年12月13日 于 3:43 上午

    可否加友情链接？经常在WP看到你，不过这篇文章是google搜到的

  24. 回复 Simon Kong 说：
    2009年12月13日 于 3:41 上午

    我想请问下，有没有博客主题自带这种功能？

  25. 回复 countmeon 说：
    2009年12月9日 于 9:15 上午

    技术博客，非常好的创意，我在其他博客上也看到过有人在用。

  27. 回复 Lc. 说：
    2009年12月8日 于 7:03 下午

    JQuery 是挺好。只可惜我学不会。

  28. 回复 俺的趣闻部落格 说：
    2009年12月8日 于 5:22 下午

    :roll: 讲得很详细，不过暂时用不上，先收藏着，以后可能用得上。 :mrgreen:

  29. 回复 吓我一跳 说：
    2009年12月8日 于 4:21 下午

    给我狠狠地隐藏 呵呵

  30. 回复 卡卡网 说：
    2009年12月8日 于 2:47 下午

    你卖出的广告位是右边那个主机广告?

  31. 回复 老七 说：
    2009年12月8日 于 2:28 下午

    和松松一个等级的博客~~就是照顾新人不够~~肯定是很忙 哈哈~~

  32. 回复 在路上 说：
    2009年12月8日 于 1:09 下午

    又是一个名博！

  33. 回复 诗酒如画 说：
    2009年12月8日 于 12:49 下午

    老万,有个问题请教
    我看见你在文章正文的超级链接都加上了CSS样式.
    我也想加,但是在CSS设定后会对文章内的图片造成影响.
    或者你可以告诉我如何让文章插入的图片不变成超级链接? :?:

  34. 回复 摸了你 说：
    2009年12月8日 于 10:13 上午

    对于技术 我不是很懂 不过正在努力学 争取看懂代码 :wink:

  35. 回复 漢文溪 说：
    2009年12月8日 于 10:04 上午

    现在在万戈这里抢个靠前的座位太难了 :cool:

  36. 回复 JuJue 说：
    2009年12月8日 于 5:09 上午

    每次来总会发现万戈的新鲜东西, 谢谢了, 这就去试试.

  37. 回复 孤夜狂狼 说：
    2009年12月8日 于 3:29 上午

    学习了～ 明天在我自己那改改试试…

  39. 回复 zwwooooo 说：
    2009年12月7日 于 9:57 下午

    哈哈，跟注册用户一样，不错

  40. 回复 娱乐新闻 说：
    2009年12月7日 于 9:52 下午

    WP就是永远那么强悍

  41. 回复 kenshin 说：
    2009年12月7日 于 8:57 下午

    客户端写入cookies，嗯，有想法，用cookies的话要注意cookies的安全，不过比Session的方法节省了很多服务器资源～好办法～

  42. 回复 kenshin 说：
    2009年12月7日 于 8:55 下午

    看上去像管理员？这个…… :arrow: :arrow:
    对了，您的这个留言板上的表情是用了什么插件吗？

  43. 回复 飞晏 说：
    2009年12月7日 于 8:12 下午

    你更新的可够快的啊！！！
    我预计你下次PR5

  44. 回复 SATURN 说：
    2009年12月7日 于 7:50 下午

    貌似我已经在用这个效果了，哈哈

  45. 回复 Ray 说：
    2009年12月7日 于 3:33 下午

    好像确实很不错啊，是根据来访IP地址判断的吗？

  46. 回复 shamas 说：
    2009年12月7日 于 2:22 下午

    这个体验貌似蛮受欢迎的

  47. 回复 张三 说：
    2009年12月7日 于 1:24 下午

    这两天加加班，把这个给弄上。

  48. 回复 Showfom 说：
    2009年12月7日 于 1:22 下午

    还是喜欢方框 嗯 不喜欢这个……

  49. 回复 Jutoy 说：
    2009年12月7日 于 1:08 下午

    嗯，这个一直在用~的确对用户体验很好

  50. 回复 星网 说：
    2009年12月7日 于 12:59 下午

    正好我需要，我去试试！不行再请教你哈！ :mrgreen:

  51. 回复 Zenoven自由人 说：
    2009年12月7日 于 12:23 下午

    啥效果？我来看看哈。。 :mrgreen:

  53. 回复 Hobo 说：
    2009年12月7日 于 11:13 上午

    这个功能不错，挺人性化的

  54. 回复 itlobo 说：
    2009年12月7日 于 10:49 上午

    还真的很不错的啊.

  55. 回复 LLT 说：
    2009年12月7日 于 10:28 上午

    呃，原来是这个意思，MG主题貌似已有。。 :twisted:

  56. 回复 LLT 说：
    2009年12月7日 于 10:26 上午

    看不明白。。直接留言试试什么效果啊。

  57. 回复 姐姐大人 说：
    2009年12月7日 于 9:09 上午

    哎呀，这留言的地方果然立马变得不一样了~ :oops:

  58. 回复 超人 说：
    2009年12月7日 于 2:16 上午

    我的也用上了这个功能~

  59. 回复 少爷 说：
    2009年12月7日 于 1:18 上午

    当你的博客的IP达到一定的量并启用缓存插件后，你就会发现，你这么做事很有问题滴。

  60. 回复 gil 说：
    2009年12月6日 于 10:24 下午

    在评论者姓名输入框代码上方添加的代码中最后的这个可不可以用什么写法代替，不然在有的主题中就出现了灵异事件：就是IE下显示正常，其他浏览器下评论者信息框侧地消失了！
    这几天我就是在自己的电脑上测试，发现这个无法解决，正好你也在谈论这个 :smile:

  61. 回复 蓝冰 说：
    2009年12月6日 于 10:09 下午

    日
    有时间再研究，先占坐。

  62. 回复 蛋王 说：
    2009年12月6日 于 9:43 下午

    你还是一如既往地对折腾博客充满热情。。。

  63. 回复 左岸读书 说：
    2009年12月6日 于 9:41 下午

    万戈兄介绍了这么多经验，终于有一个功能我可以用一下了。

  64. 回复 笑话 说：
    2009年12月6日 于 9:28 下午

    过来看看占个座签个到~~
    顺便学习下方法~~

  65. 回复 江流 说：
    2009年12月6日 于 9:24 下午

    没看出啥效果= =

  66. 回复 辐射鱼 说：
    2009年12月6日 于 9:01 下午

    Simple Tags 这个插件停掉吧？文章中自动插入那么多链接真烦人，一不小心就离开当前页面了

  67. 回复 若谷 说：
    2009年12月6日 于 8:57 下午

    确实很人性化

  68. 回复 90后的贼 说：
    2009年12月6日 于 8:27 下午

    还是wordpress最牛，zblog现在不行了

  69. 回复 crossyou 说：
    2009年12月6日 于 8:23 下午

    本着交友的目的，来试试 我来过没有。 :oops:

  70. 回复 林木木 说：
    2009年12月6日 于 8:16 下午

    哈哈，万童鞋也终于折腾强大的jQuery啦，推荐买本《锋利的jQuery》好好看看哦！

  71. 回复 Louis Han 说：
    2009年12月6日 于 8:09 下午

    呃 有什么区别吗？信息隐藏了？

  72. 回复 QiQiBoY 说：
    2009年12月6日 于 8:08 下午

    这个不错，不过我的新主题是用php方法，jQuery只是给加了动态效果。。。。
    上次那个jQuery实现的点击链接替换文字貌似在opera下会造成链接无法跳转，我用if($.browser.opera){ return;}判断屏蔽opera了。。。你测试看看

  73. 回复 bolo 说：
    2009年12月6日 于 7:43 下午

    直接把脚本写进comment.php里更加简单

  74. 回复 evlos 说：
    2009年12月6日 于 6:47 下午

    嘿嘿，到万戈童鞋这里来学习一下 ~
    说实话我原来根本没有重视Cookies的作用 ~ 现在我觉悟了 ~！

    话说我想我迟一点会写好的一篇关于自动优化代码，去除代码空隙 ~
    自动Gzip压缩传输CSS和JS，自动将所有的JS和CSS整合成为俩文件的传说级插件 ~
    一定会对你提速有帮助的 嘎嘎 ~

  76. 回复 619 说：
    2009年12月6日 于 6:12 下午

    侧栏被撑爆咯 :wink:

  77. 回复 619 说：
    2009年12月6日 于 6:10 下午

    说到提速问题，我今天去买了两个g的内存条，给加到4个g了，花了我300块钱，MD！ :mad:

  78. 回复 keon 说：
    2009年12月6日 于 6:00 下午

    主题继承了～～
    不过了解下先～～ :wink:

  79. 回复 619 说：
    2009年12月6日 于 5:59 下午

    就知道我又来晚了，先坐下来再看 :mad:

  80. 回复 张三 说：
    2009年12月6日 于 5:54 下午

    :mad: :mad: 没沙发了……

  81. 回复 老饕 说：
    2009年12月6日 于 5:41 下午

    恩~~inove也有了~

  82. 回复 小y 说：
    2009年12月6日 于 5:40 下午

    这个好像我的主题有这个功能了。。(*￣▽￣)y
    取消回复的功能没了。。

  83. 回复 小y 说：
    2009年12月6日 于 5:37 下午

    :idea: :idea: :idea: 沙画。。撒花！(￣▽￣)o∠※PAN!=.:*:'☆.:*:'★':*

  1. 三石映像 » 增强wordpress来访者的评论体验
  2. 介绍本博客一个新作者和一些新变化 » 我要说

Leave a comment

ipage返佣

您已输入0字

@wange1228: WordPress啦论坛公开版主申请 http://url.cn/1SBX2j　4小时 3分钟 前

盖楼排行

  • 蛋卷(267comments)
  • winy(261comments)
  • Google不爱我(172comments)
  • 小闇(150comments)
  • 流年(105comments)
  • 阿七(88comments)
  • 猪八戒(68comments)
  • 创享·生活(58comments)
  • 陈小黑(58comments)
  • 阿修(57comments)
  • 求索阁(49comments)
  • 哲哲(45comments)
  • 天天记事(41comments)
  • 灰狼(41comments)
  • snowxh(40comments)
  • mice(39comments)
  • dudo(35comments)
  • 飞晏(34comments)
  • 林木木(34comments)
  • 小周博客(34comments)
  • MOPVHS(32comments)
  • 爱非鱼(32comments)
  • 小邪(31comments)
  • zwwooooo(30comments)
美国加州 WP 主机

购买即送美国 VPN 帐号
99元/年，只限30名
1G空间 10G流量
可以建立八个站点
DirectAdmin 面板
小张出品 hengtian.org

点击请看更多详情

WordPress定制开发设计

最新日志

随机日志

日志归档

网站统计

  • 日志总数：575 篇
  • 评论总数：58977 条
  • 网站运行：746 天
  • 标签总数：342 个
  • 页面总数：3 个
  • 链接总数：88 个

本月日历

2010 九月
一 二 三 四 五 六 日
« 八    
 12345
6789101112
13141516171819
20212223242526
27282930  

标签云集

万戈 上海 主机 主题 优化 侧边栏 假期 免费 公司 兼容 创业 博客 图片 在线 在职研究生 域名 学校 密码 工作 广告 插件 搞笑 教程 无线 有趣 浏览器 留言 破解 绍兴 网络 软件 链接 非插件 CSS DIY feed Firefox google IE jQuery JS PR SEO twitter WordPress
三言两语

我的生活心情语录

工作手札

路漫漫其修远兮

精品推荐

好东西要分享

嘻哈娱乐

八卦趣事一笑而过

电脑网络

全新技术尽搜罗

转来载去

文人墨客美文赏析