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

LMS
折腾
1.1K+ 6

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

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

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

<!-- 有资料的访客 -->
<?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

THE END

评论 6

  1. xiao3
    🏅

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

  2. mulnim
    🏅

    学习了!@哈哈　　

  3. 裁夺
    🏅

    非常地好

  4. 妖狐闪现
    🏅🏅

    呵呵，挺好用的功能。

  5. 万戈
    🏆🏅

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

    1. 收一写浅显的好用的东西，高级的得去你们那找啊 :grin:

发表评论

Submit