自从成功使用 JQuery 实现伪异步载入后,也就消除了我对 JQuery 莫名的心理障碍,对 JQuery 的兴趣也是与日俱增,现在发现用 JQuery 不但可以实现很多酷炫的效果,而且对提高访客体验也是很有帮助的。不过话说,自从给自己的 WordPress 引入 JQuery 后,测试数据证明我曾引以为傲的网站速度略有迟缓,为了更好的访客体验,增加更多的回头率,只好稍微牺牲一下速度,尽力在网站效果和速度之间找到一个平衡点,使之完美。
昨天就给自己的 WordPress 添加了记录访客 Cookies,并隐藏评论者昵称、邮箱、网址等个人信息的功能,这样可以让第二次回访的用户在留言时看上去如同管 理员登陆时的状态一样。网上参考了不少博文和资料,最后还是选择了 Leo.N 的方法,虽说他也是从别处挖来的,但是 Leo.N 写的很仔细,适合我这样的 JQuery 小白,拿来转载一下。
首先,我们要编辑 comments.php,在类似于:
在评论者姓名输入框代码上方添加:
<div id="welcome">
<?php printf(__('欢迎 <strong>%s</strong> 归来! '), $comment_author) ?>
</div>
<?php endif; ?>
然后再把三个评论者姓名、电邮、网址的代码输入框用 <div id="author_info"></div>包起来,到此,comments.php 修改结束;
然后,新建一个名为 infohide 的 js 文件,把以下代码放进去:
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 »</span>'; //定义change,style是定义CSS样式,让他有超链接的效果,color要根据你自己的来改,当然你也可以在CSS中定义#show_author_info来实现,这样是为了不用再去修改style.css而已!
var close='<span id="hide_author_info" style="cursor: pointer;color: #2970A6;">close »</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:
<?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


很好。学习了。
崩溃。我怎么测试都不成功
您的滑动效果看着舒服多了,我没用上!
万大师,你给看看,我给修改的pj是否可行?虽然方法不一样!
应该也是可以的,这是jquery的方法,和wp无关
我鼓弄半天还是没有实现,郁闷ing
看看你jq和js加载的顺序,别倒了
以前是可以的,现在发现居然3个信息框都隐藏了,难怪没人来评论了 诶只好撤了
。。。是不是有个id="welcome"的标签没有加呀?
我也是这个问题,估计是jquery1.4.2的问题
好像是从neoeasy传出来的样子,照样改的时候,发现inove主题自带了这个效果
求教:在firefox浏览器下,没有用户登录信息 ,输入栏也隐藏,你的站没问题,
这个我也奇怪,在我新做的另外一个主题上也碰到这样的问题,原因不明。。。
试验一下
先看看这篇,再看今天发的那篇。
是不是豁然开朗呀
zblog要怎么解决呢~
还没有研究过zblog的函数,呵呵
太棒了。找到了终于。
我会在博客里也记录一下,写上出处的。
呵呵,你能用上就好啦,我也没有白写了
我也要搞一个
今天也用这个方法改了下。不知道留言回记住了没。不然真不好意思,呵呵。
结合你和木木同学的,搞定
看了你的主题,真是超炫的说,佩服啊
除了主题外,很多技术都是参考你这边的,文章很多,要学习的也很多
客气客气,欢迎常来交流啊,我也有很多要向你学的,比如说主题的设计方面
我正在学习啊。O(∩_∩)O哈哈~
。。。。你学的真快
目前还不会JQuery……
试试看哈,不知道什么样子
现在试试……
- -好像我的主题注定不支持很多东西。郁闷
能显示欢迎。但不能隐藏那三个文本框。。奇怪了,
可能是comments.php里写错了吧
今天晚上我和张三又测试了!不过还是失败了!唉!好郁闷!明天我和张三一起找你问问,我们两个都无能为力了!
可否加友情链接?经常在WP看到你,不过这篇文章是google搜到的
非常感谢,但是小站一般不接受初次来访的友链,欢迎常来,可以把友链建立在友情的基础上,望理解~
没关系。不过我可不是初次来访。当时在WP论坛询问你页面的文字阴影效果你还回帖了
哦,那我还真没见过你!
我想请问下,有没有博客主题自带这种功能?
好多主题都带这个功能,比如说MG12的
技术博客,非常好的创意,我在其他博客上也看到过有人在用。
有些主题自带这个功能,我更喜欢自己折腾上去,有成就感,嘿嘿
学习了 收藏着
只要加载了JQ,这个方法还是很值得一试的
JQuery 是挺好。只可惜我学不会。
我也学不会,只会抄现成的,呵呵
呵呵,谢谢,是个很人性化的方法,希望你也能用上吧
给我狠狠地隐藏 呵呵
呵呵,对于IE的用户就很方便,因为IE不会自动记录cookies的吧?
你卖出的广告位是右边那个主机广告?
不是,右边的是我免费给朋友做的AD,卖出的广告位是每篇日志正文中的AD
啊!哈~~~~~~~~~~`咋一看还以为是Google提供的广告!!所以也就不注意了.
我还没玩过Google adsense,GG的钱不好赚
和松松一个等级的博客~~就是照顾新人不够~~肯定是很忙 哈哈~~
松松已经是个神话了,不可逾越~
哈哈 过度谦虚可不好哦。。
又是一个名博!
名博在哪里?你不会是说我的吧?
老万,有个问题请教
我看见你在文章正文的超级链接都加上了CSS样式.
我也想加,但是在CSS设定后会对文章内的图片造成影响.
或者你可以告诉我如何让文章插入的图片不变成超级链接?
可以把图片和文字链接分开定义啊
呃CSS我正在用Firefox看,但是我发现你文章内部的图片都不是超级链接形式哎,有设置还是每次发文的时候都手动取消的?
不用取消,我在发布日志的时候,就没有给图片设置链接呢
对于技术 我不是很懂 不过正在努力学 争取看懂代码
我也不是很懂,就是一介CP党
现在在万戈这里抢个靠前的座位太难了
找准规律就好啦,我每天晚上7、8点的时候会更新哒~
每次来总会发现万戈的新鲜东西, 谢谢了, 这就去试试.
嘿嘿,那就常来嘛,我这里门户开放
学习了~ 明天在我自己那改改试试…
这个很简单的,改个comments.php就够了,祝你成功哈
分享你个东西 谷歌共享DNS启动
http://code.google.com/intl/zh-CN/speed/public-dns/docs/using.html
老万,保重
谢谢,我先去瞧瞧再说
你的网站怎么了?
哈哈,跟注册用户一样,不错
要的就是这个效果呢,很人性化哦~
WP就是永远那么强悍
WP有足够的DIY空间,这就是我最喜欢WP的地方
客户端写入cookies,嗯,有想法,用cookies的话要注意cookies的安全,不过比Session的方法节省了很多服务器资源~好办法~
哈,是啊,感叹JQ的强大吧
厉害,要好好膜拜下,哈。
对了,您的这个submit可以用Ctrl+Enter,应该也可以加上ALT+S吧,DZ论坛等都可以用ALT+S的。不知道老兄能否捣鼓出来?
alt+s是啥功能呀?
和Ctrl+Enter一个功能呀~QQ和DZ可是都支持这个快捷键的哦~不信您可以找个DZ的论坛试一试~哈哈~
HOHO,原来如此,那应该没什么问题呀
你也可以站内搜索下,会有答案的
看上去像管理员?这个……

对了,您的这个留言板上的表情是用了什么插件吗?
没用,表情也是非插件,站内搜索一下可以找到教程
好的,我可要从您这取经咯~
呵呵,客气客气,博客贵在分享嘛
你更新的可够快的啊!!!
我预计你下次PR5
哈哈,PR5也是托你的福呢
哇哈哈 升的真快
貌似我已经在用这个效果了,哈哈
主题自带的?我觉得自己折腾更有乐趣,嘿嘿
没有,也是前段时间在别人那搞的代码自己折腾的~~
好像确实很不错啊,是根据来访IP地址判断的吗?
不是,是根据浏览器的cookies来判断的
这个体验貌似蛮受欢迎的
是啊,MG12的主题都自带的,俺们就只好自己动手了
这两天加加班,把这个给弄上。
这个很简单的,只要改comments.php就行了
只要编辑 comments.php就行了?
恩,是的
还是喜欢方框 嗯 不喜欢这个……
那我再加个,$comment_author=Showfom的家伙,让你填方框,如何?
好!
明明没有……汗
刚才加错了,所以又被我删了~吃好饭再加
嗯,这个一直在用~的确对用户体验很好
是滴,只要不清除cookies,就一直可以记录呢,不错不错,只恨添加的太晚了
正好我需要,我去试试!不行再请教你哈!
你的主题有现成的JQ,实现这个效果应该更方便啦
呃?那我应该怎么弄啊?
就照我的教程弄啊,只是不需要再加载JQuery了
啥效果?我来看看哈。。
留言的时候有新发现没?
这个不错~~~
恩,你也可以试试哈,挺方便的
这个功能不错,挺人性化的
是滴,而且添加也不是很复杂的说~
还真的很不错的啊.
哈哈,谢谢,为这个我折腾了半天呢
呃,原来是这个意思,MG主题貌似已有。。
MG主题确实强大,让博主们省事不少,但也没了折腾的乐趣了~
看不明白。。直接留言试试什么效果啊。
要留过一次言才有效果的
哎呀,这留言的地方果然立马变得不一样了~
我的也用上了这个功能~
你这是主题自带的?
当你的博客的IP达到一定的量并启用缓存插件后,你就会发现,你这么做事很有问题滴。
我没有用过任何缓存插件哟
在评论者姓名输入框代码上方添加的代码中最后的这个可不可以用什么写法代替,不然在有的主题中就出现了灵异事件:就是IE下显示正常,其他浏览器下评论者信息框侧地消失了!
这几天我就是在自己的电脑上测试,发现这个无法解决,正好你也在谈论这个
晕 代码被过滤了
[?hp endif; ?] 我晕 换成中括号 看你还过滤
我对PHP不是很熟,你可以试试用case条件句
日
有时间再研究,先占坐。
好东西啊,加上吧,呵呵
等等再说,现在愁着呢。
你还是一如既往地对折腾博客充满热情。。。
那是,折腾永不停息
万戈兄介绍了这么多经验,终于有一个功能我可以用一下了。
呵呵,只要能用上就是好啊
过来看看占个座签个到~~
顺便学习下方法~~
哈,欢迎欢迎
没看出啥效果= =
8会吧,没有看到欢迎 江流 归来!的字样?
Simple Tags 这个插件停掉吧?文章中自动插入那么多链接真烦人,一不小心就离开当前页面了
我的相关文章和标签管理都靠它呢,不舍得停用
恩。我是个喜欢乱点鼠标的人。。。
确实很人性化
哈,是啊,我要表达的就是这个意思
还是wordpress最牛,zblog现在不行了
那就投靠俺们WP吧,哈哈
本着交友的目的,来试试 我来过没有。
还是第一次来小站吧,呵呵,欢迎欢迎
哈哈,万童鞋也终于折腾强大的jQuery啦,推荐买本《锋利的jQuery》好好看看哦!
这本书已经好几个人介绍了,看来是本好书啊,等我把手头的CSS书啃完再买
呃 有什么区别吗?信息隐藏了?
恩啊,你没发现吗?欢迎 Louis Han 归来!
这个不错,不过我的新主题是用php方法,jQuery只是给加了动态效果。。。。
上次那个jQuery实现的点击链接替换文字貌似在opera下会造成链接无法跳转,我用if($.browser.opera){ return;}判断屏蔽opera了。。。你测试看看
恩,谢谢,我还真想这么做呢,呵呵,只是不知道怎么判断opera呢,正好你送上门来了,谢谢
直接把脚本写进comment.php里更加简单
其实都一样,呵呵,这样方便管理和修改
嘿嘿,到万戈童鞋这里来学习一下 ~
说实话我原来根本没有重视Cookies的作用 ~ 现在我觉悟了 ~!
话说我想我迟一点会写好的一篇关于自动优化代码,去除代码空隙 ~
自动Gzip压缩传输CSS和JS,自动将所有的JS和CSS整合成为俩文件的传说级插件 ~
一定会对你提速有帮助的 嘎嘎 ~
哈哈,那等你写好我一定要来观摩一下的
又没了
啥又没了?
侧栏被撑爆咯
哪里破了?
说到提速问题,我今天去买了两个g的内存条,给加到4个g了,花了我300块钱,MD!
。。。我的才1G,够了
主题继承了~~
不过了解下先~~
主题没有,自己折腾
就知道我又来晚了,先坐下来再看
我的头像怎么在这里没有更新出来啊?
我的头像用了缓存,需要清空
哈哈,明天给你留着啊
恩~~inove也有了~
我的主题不带这功能,只能自己修改了,不过这样也好,可以多学点
这个好像我的主题有这个功能了。。(* ̄▽ ̄)y
取消回复的功能没了。。
囧- -原来我是新盖的楼~~

对于我这样理解能力不强的人来说,要是有个示范就好了~