这是我写的第一个WordPress插件.用于实现WordPress首页分页部分的Ajax分页效果.具体是什么效果呢?你可以点击我的分页看看.
使用这个插件的好处,用一句话来总结就是提高用户体验.下面我具体解释一下,它是如何提高体验的….
这几天又折腾皮肤了.从用户体验到很多的视觉细节.我都又考虑.很多时候,页面设计者很容易忽略404页面,毕竟那是个错误页面.也几乎不会有什么人去.访问(除非链接失效了).但是对于wordpress 2.7来讲,要想让链接失效也不是件容易的事.尽管如此我觉得作为力求完美的人来讲,必须也必然会认真对待404页面.
WordPress 2.7加入了链接补全机制,即使你输入的链接不是很全.但是链接相似,系统也能正确的转过去,不信?你尝试删掉本文链接的后几个字母试试.
对于目前的这个主题,也许好些问题.涉及技术的比如CSS, Javascript这些我完全是半路出家.边学边写,但我还是力求达到标准.下面我分享一下我的404页面.也许它谈不上经典,但你可能也会发现他的优点.这些也许对你有所启发. Read more…
很多的站点不管流量,点击是多是少,站长们总是喜欢放些放广告,虽然大多数都挣不到钱,但挣一分是一分.所以从这个方面讲,放置一定量的广告无可厚非.另一角度从用户体验来讲总是多少的要受到影响.比如造成页面的混乱,加载速度的延长等.
我是个比较喜欢整洁的人.对页面比较乱的网页有一种烦躁感.比如很花哨的QQ空间等.因此我几乎不去,虽然现在QQ空间对Firefox的支持已经做得很好了.但是页面的混乱还是让我无法忍受.同样对于广告满天飞的下载站,连找个链接都困难的情况来说,我更是郁闷.所以以下文字可能对喜欢整洁和关注用户体验的朋友有用.
以下实例针对WordPress.
实现的原理是写入Cookie非常简单.这个由javascript脚本来完成.然后由php判断Cookie.(我认为这种方式比较好)
首先,我们来创建个写Cookie的js.代码如下:
(function(){ function SetCookie(c_name,value,expiredays){ var exdate=new Date(); exdate.setDate(exdate.getDate()+expiredays); document.cookie=c_name+"="+escape(value)+ ((expiredays==null)?"":";expires="+exdate.toGMTString()); } window['PHC'] = {}; window['PHC']['SetCookie'] = SetCookie; })();
开独立博客好久了.以前用自己的名字做域名,后来域名丢了.一些老同学又不记得我现在的域名.搜索引擎搜索我的名字(中文)也很难找到这个博客.
于是我郁闷了.打算建立一个自己的专属页面.一个比关于页面要更特别的页面…其实他的作用就是专门用来索引我的中文名字的.另外我还学着写了些js.实现ajax加载文章.就像边侧栏的这个最近回复一样….唉.这个实在不好描述.好吧.如果你好奇,你去看一看好了.
查看我的专属页面.猛击这里.
PS.发现自己越来越懒了.日志越写越短…囧.其实也没有什么好写的. 
jQuery版ajax comment pager
首先我声明,这个不是又产生了一个新的插件,而是我告诉大家我是如何修改mg12的插件ajax comment pager为jQuery方式来实现Ajax.因此很多的地方是针对我现在的这个主题而言的.不具备很高的通用性.只能给大家一些参考性的意见.
我也这里对于评论的翻页进行了部分js代码的重新激活(或者说是重载?这个我有点不好表达).从而在翻页后DOM被局部刷新后,js还能使用.因该是比较完美的解决了原有版本造成的翻页后鼠标悬浮和部分js脚本不能使用的问题.如果你是个爱折腾的人真的有必要参考一下.
Javascript真是个很神奇的东西.在前端设计中应该是具有越来越重要的作用.尽管有时候它拖慢了网页的载入.但是不可否认,相对用户体验来讲,这点点的牺牲还是很值得的.于是我们开始一点一点的在网站上添加代码.提供越来越多的效果.代码也就也来越大.拿mg12的主题以及插件来讲.所有的js都是自己写的.这样有好处,降低了错误的发生,具有较高的可控性.同时代码也不较少.但是像我这种爱折腾的人来讲.那些js远远不能符合我的要求,全部在自己写的话一是能力有限,二是.代码写出来或许也过于冗长了.所以我还是使用的了jQuery.一种更为简单的实现方式.从Google加载过啦的代码是压缩输出的.实际上浏览器只接收到18K左右的压缩文件.只相当于一张小图片的大小.算是很划算的了.所以我现在的很多js都是基于jQuery的.要的就是要充分利用这个18K.修改这个插件也是基于这个考虑.他的脚本有点大.而且我的鼠标悬浮还不能使用….
看吧,我是个爱废话的.下面正式讲.怎么修改的. Read more…