钟智鑫:zblog用户体验之ctrl+Enter快捷回复
2019-03-19 07:04:46来源: bbs.weizhishux.com 阅读 ()
不知不觉建立自己的独立博客已经一个月了,我用的是zblog,相信大家都不陌生。现在做网站很讲究用户的体验,道理很简单,就是只有用户感觉到舒服,才会在你的网站上逗留,很有可能下次还会再到你的网站;要是用户感觉很不爽,别说下次再来了,连逗留都不逗留,直接走了,这样就没有任何的意义了。
下面我就简单的和大家分享我的博客(目前在谷歌搜索引擎搜索:钟智鑫,今天是第一个,以后就难说了)在用户体验上的几个简单的设置:
一、符合用户的平时的使用习惯,不知道大家有没有留意,目前主流的聊天工具qq,还有论坛程序dz和php等等这些,发送消息或者是帖子的快捷键是不是都一样,就是ctrl+Enter;当然,我这里说所的应该是大多数人的习惯,也有人用qq发消息习惯把快捷键设置成Enter的。用过zblog 的都知道,默认的是不支持这个功能的,在zblog发表评论都是要用鼠标去点的,这样在用户体验方面就不是很爽了,反正我是这样感觉的,不知道大家有没有同感,如下图1:
(图1)
这个是我之前的博客回复框的一个截图,就是用户输入完留言信息,还要用鼠标去点一下提交,我个人感觉这样非常的麻烦,就不说qq了,就用论坛来说吧,相信大家上的论坛也很多了,不知道大家有没有这样一个习惯,就是无论是发帖还是回帖,打完自己要发表的内容,就会很随意的去按ctrl+Enter,反正我就是这样的,呵呵,所以我针对这个,简单的做了一下修改,成品如下图2:
(图2)
这个设置很简单,我其实也是通过搜索引擎上找到的,不过关于这方面的内容很少,我花了一天的时间才修改成功,呵呵,这也许对于高手已经不算什么了,下面就简单说说修改的方法吧。
首先就是找到自己的模板文件,我用的模板是h-think,所以我的路径就是h-think/TEMPLATE/在这里找到b_article_commentpost.html文件,然后进行编辑,找到相应的代码input name和script language,找到这两个开头的标签,然后分别设置成如下就可以了。
<p><input name="btnSumbit" type="submit" tabindex="6" value="提交(Ctrl+Enter)" onclick="JavaScript:return VerifyMessage()" class="button" /> <script language="JavaScript" type="text/javascript">objActive="txaArticle";ExportUbbFrame(); var commenttextarea = document.getElementById('txaArticle'); commenttextarea.onkeydown = function quickSubmit(e) { if (!e) var e = window.event; if (e.ctrlKey && e.keyCode == 13){ return VerifyMessage(); } } </script> |
这样就做成了上面那幅图的成品了,代码中的数字和汉字都可以按照自己的喜好来修改,这个对于老鸟来说应该一下就看明白了,对于新手可能看不明白,没关系,如果看不明白的可以在我(钟智鑫)的博客来给我留言。
二、去掉验证码,大家通过上面两幅图都看到,是没有验证码的,但是zblog在默认的情况下是需要输入验证码的,是我把它去掉的,验证码这个东西我个人是感觉非常烦的,你想想,发表一个评论,要填那么多东西,无论是谁都不会喜欢的,所以我去掉了,去掉的方法也很简单,就是在zblog的后台选择网站设置管理-页面设置-把发表评论时启用验证码这个钩钩去掉就搞定了。
以上就是我个人对zblog用户体验的一些小小的修改方法,大家如果有更好的,欢迎踊跃的分享自己的心得。
本文来源于钟智鑫的博客, 原文地址:http://www.zhzhxin.com/post/23.html
标签:
版权申明:本站文章部分自网络,如有侵权,请联系:west999com@outlook.com
特别注意:本站所有转载文章言论不代表本站观点,本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有
- 一文了解什么是“用户运营” 2021-05-04
- 看完后,别再说自己不懂用户画像了 2021-03-16
- 精细化用户运营—用户标签体系建设 2020-10-09
- 如何搭建流失用户召回体系? 2019-12-27
- To B运营:3个表格构建B端用户画像 2019-12-27
IDC资讯: 主机资讯 注册资讯 托管资讯 vps资讯 网站建设
网站运营: 建站经验 策划盈利 搜索优化 网站推广 免费资源
网络编程: Asp.Net编程 Asp编程 Php编程 Xml编程 Access Mssql Mysql 其它
服务器技术: Web服务器 Ftp服务器 Mail服务器 Dns服务器 安全防护
软件技巧: 其它软件 Word Excel Powerpoint Ghost Vista QQ空间 QQ FlashGet 迅雷
网页制作: FrontPages Dreamweaver Javascript css photoshop fireworks Flash