白板，开会、讨论用的白板。要是麻将里的白板，那下一个主题就是红中了。

主题中用到图片的地方，就尽量模仿成白板上写字的效果。似乎专业的美工做的时候，都是先把整个页面画出来，然后再切割，实现。我很不专业，先是日思夜想，把整个页面画在脑子里，然后就开始实现。

首先画出页面的边框（白板的框架），CSS里就写出header, content, sidebar和footer了。然后就盯着首页，把日志的样式调出来，sidebar的样式，接着把原来主题里的评论样式复制过来改改颜色，中间需要什么图片就随时画（不排除“窃”）。

最后就是最重要的header了。领导亲笔题词，给我开了个好头，让我的心里充满希望：

中间用bittbox做的免费白板字体弄了个类似tag cloud的文字组合，右边是一列订阅按钮。tag cloud里本来没有”RSS”的，后来加上订阅按钮以后，灵机一动，加了个”RSS”，又连了个箭头。一个全新的主题，就这样诞生了。

当然，不可避免地要加上“增强WordPress中的Gravatar应用”一文中介绍的小trick 接下来，慢慢地加一些实用的插件，改善用户体验。

在做主题的过程中，免不了又跟IE死磕一番。中间也巩固了不少知识，正所谓——越磨砺，越光芒。这些知识都是伟大的IE创造的。有那么两三刻，我都想在主题里针对IE用户放出一个banner：“我谨代表全世界受苦受难的劳苦大众，请求你弃暗投明，放弃史前怪物，使用非IE浏览器。”后来一想，我还得为了这个banner在IE里正常显示而折腾，算了，有空再说吧。

欢迎测试、指正。

前阵子有人分享了一个延迟发布feed的技巧，在WordPress用户间广为流传。其原理就是利用WordPress的filter机制，发现当前的请求是Feed，即在查询条件中加一条，限制post的发布时间为五分钟之前(原文的代码escape太厉害了，直接复制有错误)：

<?php
/**
 * puplish the content in the feed later
 * $where ist default-var in WordPress (wp-includes/query.php)
 * This function an a SQL-syntax
 */
function publish_later_on_feed($where) {
	global $wpdb;

	if ( is_feed() ) {
		// timestamp in WP-format
		$now = gmdate('Y-m-d H:i:s');

		// value for wait; + device
		$wait = '5'; // integer

		// http://dev.mysql.com/doc/refman/5.0/en/date-and-time-functions.html#function_timestampdiff
		$device = 'MINUTE'; //MINUTE, HOUR, DAY, WEEK, MONTH, YEAR

		// add SQL-sytax to default $where
		$where .= " AND TIMESTAMPDIFF($device, $wpdb->posts.post_date_gmt, '$now') > $wait ";
	}
	return $where;
}

add_filter('posts_where', 'publish_later_on_feed');
?>

当时我看到之后也很兴奋，觉得非常之有用。因为我就经常在发布一篇文章之后马上发现有错误或者遗漏，赶紧修改，但是此时可能已经有些RSS reader过来抓取过了，我所做的修改不一定能被Feed订阅者收到（Atom Feed应该可以）。

不过当我加上这个功能，又写了一篇文章之后，发现了问题。在文章发布的时候，WordPress会向预定的一些服务器发送ping，通知它们这里有更新，赶紧来抓取。如果该服务器反应很迅速，糟了，它来抓取RSS的时候，发现并没有新的文章——被放鸽子了。它可不知道要等五分钟再来抓取，新文章只好经历漫长的等待才能被抓到。

所以要保证文章少出错，还得在发布之前多预览，多检查，而延迟发布RSS只能让你点击Publish按钮的时候更加勇猛。使用这个技巧一定要三思而后行。

为什么发布的时候发送ping消息很重要呢？如果不这样，那些RSS Reader只能盲目地周期性来查看，比如每天一次或者每隔3小时一次，Feed托管服务商也是这样。而在发布的同时通知它们，它们就会确切地知道你的blog有更新了，很快就会过来抓取，读者也就能在第一时间看到你的新文章了。

附带列一下我的Update Services列表：
http://rpc.pingomatic.com/
http://ping.feedburner.com/
http://www.zhuaxia.com/rpc/server.php
http://www.xianguo.com/xmlrpc/ping.php
http://blogsearch.google.com/ping/RPC2
http://blog.youdao.com/ping/RPC2

如果你使用feedsky的服务，当然也要把它的ping server(http://www.feedsky.com/api/RPC2)加上。

今天在aw的blog看到他写的“中国Web工程师比美国人更厉害的4个原因”，讲了使用中文的计算机用户、以及面向中文用户进行开发的软件工程师需要额外修炼的法术——于我心有戚戚焉。当初在Linux里配置中文显示、输入的痛苦仍然记忆犹新，配置完系统又去配置特殊的软件；大部分的IDE把Ctrl+Blank作为代码提示的快捷键；……最近的ubiquity，也是以Ctrl+Blank作为呼出它的热键，并且其窗口会盖住中文输入法的候选窗口。尽管前辈已经把路铺得够平，我们已经足够幸福，中文在计算机世界里永远无法像英文一样简单、易用。

晚上吃了饭，又看见WordPress爱好者论坛里有人问日志缩略名的中文如何修改，我不知不觉就像唐僧一样罗里罗嗦回复了一大堆。
文章太长，请点此处继续阅读

虽然WordPress早在2.5的版本中就内置了Gravatar支持，似乎也没有人在添加评论form的旁边加上它。我似乎是第一个？呵呵，如有先行者，恕我孤陋寡闻。

功能：在添加评论的表单旁边显示gravatar头像预览，登录用户直接取其email，而未登陆用户则首先尝试从cookie取得email，若cookie中部存在，则在其输入email之后，取得email值即时更新预览。

首先说明，本文不介绍排版，即不介绍CSS布局，不过你可以参考我的评论form布局。

第一步，在主题的comments.php中，找到评论框合适的位置，添加gravatar预览：

<div id="avatar-preview"><?php $id_or_email = $user_ID ? $user_ID : $comment_author_email;
echo get_avatar($id_or_email, '32'); ?></div>

第二步，仍旧在comments.php中，给email输入的input绑定blur事件，在其失去焦点的时候更新gravatar头像预览：

onblur="updateAvatarPreview(this.value)"

第三步，下载Paul Johnston的JavaScript md5脚本，放在网站中合适的目录（我是放在当前主题的scripts子目录中）。

第四步，修改主题的header.php文件，在head标签内加入如下代码：

<?php if (is_singular() && !$user_ID) { ?>
<script type="text/javascript" src="<?php echo bloginfo('template_url'); ?>/scripts/md5-2.2alpha.js"></script>
<script type="text/javascript">
function updateAvatarPreview(email) {
	if (! /^([a-zA-Z0-9_\.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/.test(email)) {
		return;
	}
	var src = 'http://www.gravatar.com/avatar/' + hex_md5(email) + '?s=32';
	document.getElementById('avatar-preview').innerHTML = '<img height="32" width="32" class="avatar avatar-32 photo" src="' + src + '" alt=""/>';
}
</script>
<?php } ?>

is_singular函数在当前页面为单篇文章、单个页面或者单个附件的时候返回true，这些一般都是有评论的页面，所以正好合适。而另一个条件 (!$user_ID) 则是因为有用户登录的时候，不需要填写Email，也就不需要客户端更新的代码了。根据email的md5 hash值生成图片链接的代码，在末尾加了个参数”s=32″，是指定头像的大小，这个可以参考gravatar的官方说明。

JavaScript代码中要根据“avatar-preview”这个id来找到头像的预览并且更新它，因此这两个地方要统一。另外md5的JavaScript文件位置也要和引用的url统一起来，这样才能成功调用。

开始的时候考虑了一下要不要做成插件形式，想了想，评论框的修改还是得手动修改才够灵活，于是作罢。谁要是自己做主题，也可以按照这个教程把这个功能添加上。如有不清楚的地方，请在下面留言。