隐藏 Wordpress 访客的资料框

据说 Wordpress 隐藏"回头客"的资料框可以有更好的用户体验，对此我表示怀疑。不过这个问题用 jQuery 来解决的话十分简单，所以我也给自己的 Blog 加上了。已经引入了那么大个 jQuery 框架，当然要物尽其用。。。

先说思路。用 js 的思路来判断是一件简单的事情。

新访客和"回头客"的区别在于有无 cookies，被我 blog 投放过 cookies 的同学下次再来就不用填写资料了，大家都知道。。。那么判断一个用户是否是新访客也很简单，用 js 检查姓名一栏是否有内容。有，那就是回头客，没有就是新访客。

先看 comments.php 里有关姓名的代码：

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

其中 value 值是关键。"回头客"的 value 值便是 cookies 对应的姓名，新访客的话 value 为空。

开始判断：if($('input#author[value]').length>0)。即如果 id 为 author 的 input 标签内 value 值长度大于0。

大于0怎么了？大于零就是有资料，就是回头客了。在这里，完全不要去管新访客，因为我们的目的就是对回头客做所谓的"用户体验优化"。

接着，隐藏所有的 input 框，$("form#commentform input").css('display','none')。

到这里就该完了，但是不行。因为回头客还需要一个按钮，方便他们在需要编辑信息的时候让资料框出现。

所以需要写个文字按钮。你还可以把按钮样式做得更好看一点，我这里求简便，就随便糊弄一下。

var editInfo='<span class="editinfo" style="cursor:pointer">edit info?</span>'

把按钮放在想放的地方，我放在 welcome back xxx 后面。$('div#respond').append(editInfo)

点一下，资料框滑出，再点一下，资料框收起：$('.editinfo').click(function(){$('form#commentform input').slideToggle('slow')})

好了，这件事情完了，在我眼里，它们只是一行。。。

if($('input#author[value]').length>0){$("form#commentform input").css('display','none');var editInfo='<span style="cursor:help" class="editinfo">edit info?</span>';$('div#respond').append(editInfo);$('.editinfo').click( function(){$('form#commentform input').slideToggle('slow')})}

我承认这讲的不是一般的含糊，但是考虑到不懂 js 的朋友我说得再详细他还是不懂，索性就给稍微懂一点的朋友看吧。效果可以参考本 blog 的留言部分。

如果您有兴趣把它阐述成通俗易懂的文章，我将非常感谢。反正我不太擅长。