不亦乐乎 » Wordpress » 利用jQuery提高访客评论的用户体验

利用jQuery提高访客评论的用户体验

2009年07月09日 1,885人路过 参与围观6人围观

好吧，我承认，今天是第二次从immmmm那直接复制粘贴文章过来了，可是没办法，实在是太喜欢这个功能了，在好几个wp博客上发现过这个功能，正好想找的时候被我遇到了，而且我也已经加上了这个功能了，不管是出于以后修改方便，还是其他什么原因，反正我是决定要转过来了。

这篇文章说的是：访客留言之后资料输入框会被隐藏起来, 如同登录了一般. 访客可以选择修改相关资料再进行评论. 给予访客很好的用户体验。一个相当实用的提高访客评论用户体验功能。

在comments.php文件里你自己的输入评论昵称，邮件，网址的那段代码处用以下代码覆盖，然后适当修改css文件就OK了，效果你可以评论一下就知道了。

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26

<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
    <script type="text/javascript">function setStyleDisplay(id, status){document.getElementById(id).style.display = status;}</script>
    <div class="form_row small">
        <?php printf(__('Welcome back <strong>%s</strong>.'), $comment_author) ?>
        <span id="show_author_info"><a href="javascript:setStyleDisplay('author_info','');setStyleDisplay('show_author_info','none');setStyleDisplay('hide_author_info','');"><?php _e('Change &raquo;'); ?></a></span>
        <span id="hide_author_info"><a href="javascript:setStyleDisplay('author_info','none');setStyleDisplay('show_author_info','');setStyleDisplay('hide_author_info','none');"><?php _e('Close &raquo;'); ?></a></span>
    </div>
<?php endif; ?>
 
<!-- 资料输入框 -->
<div id="author_info">
    <input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />
    <label for="author" class="small"><?php _e('Name'); ?> <?php if ($req) _e('(required)'); ?></label>
 
    <input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />
    <label for="email" class="small"><?php _e('E-Mail (will not be published)');?> <?php if ($req) _e('(required)'); ?></label>
 
    <input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" />
    <label for="url" class="small"><?php _e('Website'); ?></label>
</div>
 
<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
    <script type="text/javascript">setStyleDisplay('hide_author_info','none');setStyleDisplay('author_info','none');</script>
<?php endif; ?>

原文地址：http://immmmm.com/using-jquery-to-improve-experience.html

无觅相关文章插件，快速提升流量

分类：Wordpress, 标签：, , , ,
你可以通过 RSS 2.0 订阅关注本日志评论, 也可以直接 参与围观, 或 trackback 到你的博客上.
本日志地址: http://www.happyet.org/247.html, 转载请注明出处!
«
»

“利用jQuery提高访客评论的用户体验”上有 6 条评论

  1. 万戈 说道：
    2009年07月9日 16:34

    不错，你这里也成wp大学堂了，很有收获啊

    回复
  2. 妖狐闪现 说道：
    2009年07月10日 09:42

    呵呵，挺好用的功能。

    回复
  3. 裁夺 说道：
    2009年10月10日 15:50

    非常地好

    回复
  4. mulnim 说道：
    2010年01月2日 23:13

    学习了!@哈哈　　

    回复
  5. xiao3 说道：
    2010年01月20日 20:12

    恩～这个功能很不错！ :grin:

    回复

留下足迹