把WordPress的默认的时间格式变为“xx之前”很简单，用到了human_time_diff( $from, $to='')函数，当然你可以写一个模版标签然去替换模版里默认的时间函数，但还有更简单的方法。
继续阅读简单的增强WordPress时间可读性的代码分类： WordPress主题开发
标签云小工具字号调整方法
标签云widget不仅能展示标签，还能展示目录，或自定义的分类方法。默认情况是用不同字号反映标签热度（文章多少），英文字号一般偏小，若字号不合适，可通过程序调整。
继续阅读标签云小工具字号调整方法如何在WordPress主题中使用Font Awesome
Font Awesome是一种矢量图标，或者叫图标字体，矢量的好处是无限缩放不会失真，可以适应各种尺寸的屏幕，省掉了做很多图片的麻烦。如果你想在自己的WordPress主题中使用Font Awesome，下面介绍了方法。
继续阅读如何在WordPress主题中使用Font Awesome为什么要用幻灯片
幻灯片，或者说slider，是主题里特别常见的一个功能，收费主题通常都带有炫目的幻灯片功能，很多用户喜欢弄一个漂亮的幻灯片放在首页，我曾经也陶醉于幻灯片，但它究竟有什么用，能给我的网站带来好处吗？
继续阅读为什么要用幻灯片WordPress Infinite Scroll之手动加载
本文基于《WordPress： 增加无限分页（Infinite Scroll）功能》而写，上文说到Infinite Scroll自动加载模式，这种模式的缺点显而易见——用户永远无法到达页面底部（除非有中国式的超慢网速加屏蔽）。因此介绍另一种模式：手动加载。
继续阅读WordPress Infinite Scroll之手动加载如何获取用户编辑页面时选择的模版
用户编辑页面时可以在页面属性中选择一个模版，本文介绍在用户保存页面后如何获取被选择的模版的名称。
每个页面使用的模版以post meta形式存储，meta key为_wp_page_template，所以在后台编辑page界面获取当前页面模版名称的方法如下
继续阅读如何获取用户编辑页面时选择的模版WordPress： 增加无限分页（Infinite Scroll）功能
Infinite Scroll是一种动态加载内容的方式，当网页滚动到底部时，自动载入本需要翻页才能看到的内容，在社交应用中很常见，例如新浪微博。
继续阅读WordPress： 增加无限分页（Infinite Scroll）功能给widget内容加一个wrapper div
今天要解决的问题是，如何给Widget内容增加一个wrapper div，因为需要给内容增加一个样式。
描述一下问题，WordPress的widget html结构一般是这样
继续阅读给widget内容加一个wrapper div如何清除浮动
浮动的块级元素在网页布局中经常用到，因为它灵活方便，但也有副作用，比如浮动的块级元素无法撑起父级元素的高度，本文介绍浮动元素为何无法撑起父级元素的高度，以及清除浮动的最佳方法。
继续阅读如何清除浮动发现一个可以将中文字体转换为@font-face的网站
@font-face是一种网络字体，可以替代Cufon，且不和中文字体冲突，但上次用Font Squirrel的@font-face生成器转换中文失败了，对上传文件大小有限制，这次发现了一个可以转换中文的网站。
继续阅读发现一个可以将中文字体转换为@font-face的网站快速响应的Web设计案例大全
快速响应的Web设计，英文叫做Responsive Web Design。用户访问web的设备种类繁多，可以是手机、平板或者笔记本，屏幕尺寸不一，快速响应的Web设计就是为了让用户无论用何种尺寸屏幕访问网站，都能获得最佳体验。网页会根据屏幕尺寸自行调整，适应不同屏幕。
今天向大家介绍的是一个网站——MediaQueri.es
该站展示的网页全部符合Responsive Web Design的标准，如果你想找点灵感，这里绝对不容许错过。
下面是一些案例展示
继续阅读快速响应的Web设计案例大全用PhotoShop压缩PNG图片
大的PNG图片尺寸动辄几百kb，网速慢会严重拖慢打开网页的速度，其实用Adobe PhotoShop的色调分离功能就可以有效的压缩PNG图片，并且质量是可控的。
继续阅读用PhotoShop压缩PNG图片让页脚不再沉寂
今天在WordPress Hosting Reviews网站看了一篇文章叫做7 Awesome Footer Designs，叹为观止。我不搞设计，没有美感，对精彩绝妙的设计崇拜的五体投地。分享一下这篇文章中提到的设计，以及设计出这些footer的网站，精彩不仅仅在页脚。
LAUNCHMIND
如何使input按钮的高度在不同浏览器中一样
input按钮的高度在各个浏览器中表现不尽一致，如果想让input text和input button在一条直线上显示，常常在firefox下看着两个一样高，到IE或Chrome里就不一样高了。
继续阅读如何使input按钮的高度在不同浏览器中一样通过CSS禁止Chrome自动为输入框添加橘黄色边框
Chrome默认会为所有的输入框加上橘黄色的边框，虽然有时候可以使我们的网站看起来更友好，但对自定义的样式是有影响的。
例如做了一个圆角框的input输入框，如果没有对边框focus时的属性做任何休息，Chrome将默认加上一个正方形的边框，无视你将input的border设为none的命令。
为了避免麻烦我们可以禁止chrome为被激活的输入框添加边框，方法如下:
1. 禁止为所有被激活的输入框添加边框
*:focus { outline: none; }
2. 禁止为被激活的输入框添加边框，例如
.class1:focus{ outline:none }
3. 也可以自定义输入框被激活时的边框样式
.changeborder:focus { outline:Blue Solid 4px;}
继续阅读通过CSS禁止Chrome自动为输入框添加橘黄色边框