记录生活 学习SEO优化 | 他日若遂凌云志 敢笑黄巢不丈夫
>>Home > 学习笔记 > 提高WordPress访客的用户体验

提高WordPress访客的用户体验

Tags: | | 作者:海天无影

所谓用户体验,就是指用户访问网站或者使用一个产品时的全部体验,用户的感受和印象,是否成功、享受,是否还想再来你的网站或者使用你的产品。而提高用户感受当然就是提高用户对你的网站的或产品的感受和印象,使用户在浏览/使用时感到快乐,让用户想再次浏览你的网站或使用你的产品。

一般网站上所有的提高用户体验的方式,除了不使用弹出广告,页面排版整洁,提高浏览、反应速度等方式以外,记住浏览者信息,让浏览者感觉你的网站很人性化,可以记住他的名字,让浏览者感到来到你的网站如回家一般,这个也是一个不错的提高用户体验的方式。下面说两种让浏览者感到如回家一般的,提高WordPress访客的用户体验的方法首先说明一下,代码不是海天原创,海天现在还没那么高的功底……

第一种,对有资料的评论者隐藏/显示资料输入框
1. 当访客的资料已存在的情况下, 访客很少关注资料本身, 而那些资料输入框就会变成 "碍眼的东西", 我们要想办法将它们隐藏起来. 当然, 我们需要将这位访客的名字显示出来, 不然他/她根本不知道自己是谁,而且每次访客看到自己的名字被提前显示,感受也是很不一样的。
2. 访客有可能邮箱更换了, 或者就想换个酷点的名字, 此时的他/她肯定想更改一下那些资料. 所以要求有一些措施, 让访客可以重新看到资料输入框.
3. 而对于那些新访客, 资料输入框必须让他们看到,以便他们直接输入资料。

<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
	<!--
		转换显示状态用的 JavaScript
		Q1: 为什么这段代码放在这里呢?
		A1: 因为只有当访客有资料时, 它才被用上, 这样可以减少无资料访客下载页面时的开销.
		Q2: 为什么不用外部文件将 JavaScript 放起来? 也许那样维护起来更方便.
		A2: 因为它只在这个地方用到了. 而且加载文件的数量也会影响页面下载速度, 为了这么点字节的代码, 不值得新开一个文件.
	-->
	<script type="text/javascript">function setStyleDisplay(id, status){document.getElementById(id).style.display = status;}</script>
	<div>
		<!-- 访客昵称 (随便欢迎一下) -->
		<?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">
	<div>
		<input type="text" name="author" id="author" value="<?php echo $comment_author; ?>" tabindex="1" />
		<label for="author"><?php _e('Name'); ?> <?php if ($req) _e('(required)'); ?></label>
	</div>
	<div>
		<input type="text" name="email" id="email" value="<?php echo $comment_author_email; ?>" tabindex="2" />
		<label for="email"><?php _e('E-Mail (will not be published)');?> <?php if ($req) _e('(required)'); ?></label>
	</div>
	<div>
		<input type="text" name="url" id="url" value="<?php echo $comment_author_url; ?>" tabindex="3" />
		<label for="url"><?php _e('Website'); ?></label>
	</div>

</div>

<!-- 有资料的访客 -->
<?php if ( $comment_author != "" ) : ?>
	<!-- 隐藏取消按钮, 隐藏资料输入框 -->
	<script type="text/javascript">setStyleDisplay('hide_author_info','none');setStyleDisplay('author_info','none');</script>
<?php endif; ?>

代码我就直接给出来了,NEOESSE已经把注释写的非常清楚了,你只需要把代码加载相应的地方,就是原来输入框的大概位置。

第二种,记住访客评论是留下的用户名,显示在标题栏。
在网页标题栏,显示访客的用户名,打开网页后,就可以看到欢迎,给访客回家一般的感觉。

<?php if($_COOKIE["comment_author_" . COOKIEHASH]!=""): ?>
<script type="text/javascript">
document.title = "<?php printf(__('欢迎 %s 归来,'), $_COOKIE["comment_author_" . COOKIEHASH]) ?>" + document.title
</script>
<?php endif; ?>

代码直接复制到footer.php页面就可以了,代码是万戈同学介绍的,呵呵。

日志信息 »

该日志于2010-03-31 10:32由 海天无影 发表在学习笔记分类下, 你可以发表评论。除了可以将这个日志以保留源地址及作者的情况下转载到你的网站或博客,还可以通过RSS 2.0订阅这个日志的所有评论。

13条评论▼点击进行评论

  1. 我试试去了,欢迎回来多好看啊。呵呵

    • 呵呵 是啊 用户看了也高兴的~

  2. 第二个方法我想借鉴下,对收录不知道有无影响?

    • 这个没影响的吧
      不可能百度来的时候 说欢迎百度……呵呵~

  3. 回去试试看。

  4. 找这个功能很久了,终于在您这找到了,谢谢 :mrgreen:

    • 呵呵 你说的是哪一种呢?

      • 是标题显示访客名那种 :lol:

  5. 可以留下WordPress的访客脚印
    很提高用户体验的

  6. 是很好哦~~ 又学到 一招

  7. 嗯。 加上去了。 效果不错

  8. 很实用,用了第二招

    • 呵呵 用户体验还是蛮重要的
      加上去 给游客归属感 呵呵

      • 嗯,确实很适用。

  9. 学习下、用在自己的小站上面 嘿

  10. 试一下~~~看能不能隐藏~?

  11. :roll: 试试看

icon_wink.gif icon_neutral.gif icon_mad.gif icon_twisted.gif icon_smile.gif icon_eek.gif icon_sad.gif icon_rolleyes.gif icon_razz.gif icon_redface.gif icon_surprised.gif icon_mrgreen.gif icon_lol.gif icon_idea.gif icon_biggrin.gif icon_evil.gif icon_cry.gif icon_cool.gif icon_arrow.gif icon_confused.gif icon_question.gif icon_exclaim.gif 

« WordPress可针对特定访客显示广告 今天四月一日 »