Loading...

三个细节提高WordPress访客的用户体验

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

一般网站上所有的提高用户体验的方式,除了不使用弹出广告,页面排版整洁,提高浏览、反应速度等方式以外,增加WordPress文章字体大小及背景色的选择按钮,标题欢迎信息,评论回复邮件通知这三项也是很不错浏览的体验。下面就简单介绍一下:

一、增加WordPress文章字体大小及背景色的选择按钮:

每个访问者都有不同的阅读习惯,有些人习惯娇小迷你型,有些人则喜欢粗大好豪放型,有些人还喜欢带点味道(感觉在写有色小说一样^_^),其实我想说的是字体的大小和背景色选择,多这么一项选择,会让读者感觉更加贴心。实现这个功能只需简单的几步,步骤如下:

1、找到主题目录下的single.php文件,在开头的<  ?php get_header(); ? >下面插入以下Js代码:

<script type="text/javascript">
function SetFont(size){
	document.getElementById("sizecolor").style.fontSize=size
}
function SetColor(color){
          document.getElementById("sizecolor").style.backgroundColor=color
}
</script>

2、然后在标题和文章正文之间适当的位置插入以下代码以显示文字按钮:

文字:<a href="javascript:SetFont('12px')" accesskey="1"></a> <a href="javascript:SetFont('14px')" accesskey="2"></a> <a href="javascript:SetFont('16px')" accesskey="3"></a>
<a href="javascript:SetColor('#ffffff')" accesskey="1"></a> <a href="javascript:SetColor('#b1d5f3')" accesskey="2"></a> <a href="javascript:SetColor('#CCE8CF')" accesskey="3">绿</a>

3、最后在文章正文的DIV中添加 id=”sizecolor” 的ID,如下:

<div id="sizecolor" class="content">.........</div>

注意:代码中,文字的大小与背景颜色可以自己设定。

二、标题欢迎信息,使访客有宾至如归的感觉。

之前不知在谁在博客上可以看到“欢迎alexin回来”的字体,这么短短的一句让我感觉很深刻。这确实是一个很不错的访问体验。

实现方法比较简单:在主题下的footer.php页面,在< /body>之前加上以下代码:

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

三、评论回复邮件通知,增强互动。
这是一项很体贴性的服务功能,评论回复邮件通知能很方便的进行留言者和博主之间的互动,能够间接增加网站的浏览者的回头率,所以建议很用心做博客的朋友可以添加一项功能。看了网上大部份的文章,关于这项功能很多都是用插件实现的。比较有名的插件就是comment reply notification,以及WP Thread Comment。大家可以到wordpress搜索下载安装。但是这一类的大部分插件都是要求服务器支持mail()函数,由于迷走映像使用了Freehostia.com提供的免费空间,对mail()函数并不支持,所以也没有安装这些插件。
2010-09-02更新:wordpress在Freehostia.com提供的免费空间上也可以实现评论回复邮件通知功能,具体请看这新文章-《让所有WordPress都实现评论回复邮件通知功能

无觅相关文章插件

  1. October 11th, 2010 at 19:15 | #1

    我想给WordPress正文背景添加一个透明的flash 添加后在IE下一切正常 但在FF 和 chorome下 透明flash看似正常 但是挡住了好多其他的元素 一直在郁闷 有空指点一下哦。

    [Reply]

  2. November 12th, 2010 at 09:02 | #2

    学习了尤其标题欢迎信息,使访客有宾至如归的感觉。这条很有用

    [Reply]

  3. December 26th, 2010 at 15:17 | #3

    学习了、!! :roll:

    [Reply]

  4. December 26th, 2010 at 15:26 | #4

    最后一条是必须的.

    [Reply]

  1. No trackbacks yet.
疑问 冷笑 悲伤 坏蛋 感叹 微笑 脸红 大笑 吃惊 惊讶 困惑 酷 大声笑 恼火 古怪 转眼睛 给眼色 好主意 箭头 一般 哭了 绿人