Liu Zhongshu

已经好久好久没有更换我的皮肤了，本来准备这个周末换一下的，顺便重拾一下Wordpress Theme的制作方法，不过呢，因为种种原因居然没有完成 （嗯，想了想，自己懒是最主要的）

好吧，下个礼拜，一定换。

Kaalga是最近进入我blog工具箱的Firefox插件，帮助我写blog的，作用很简单，在编写时可以用Shift-右键在某些单词上点击，就可以通过一个搜索来找到一些和这个单词相关的链接，并将编辑器中的文字转成链接。

Deepest Sender是另一个进入我工具箱的Wordpress工具，也是一个Firefox插件，它可以在firefox里直接编辑并发布blog（对于Wordpress它使用了xmlrpc支持的Metalog API）。它有几个吸引我的地方：

• 快捷键的支持，可以一键调出编辑界面或修改已发布的帖子
• 自动存盘，不用担心写的内容丢失
• 速度很快，比到Wordpress后台要方便不少

缺点也不少，呵呵：

• 不支持slug和tags的编辑，不过我已经修改了它的源码，所以我的版本是支持的，哈哈
• 不支持本地图片的上传，这个对我用处不大，因为我使用Web相册。
• 最后，没有Kaalga的功能，理解，完美总是不存在的。

Zemanta是一个很Cool的blog工具，它可以在你写blog的时候自动提供一些辅助信息，帮助你完善你的帖子，我注意到的主要的功能有：

• 可以自动分析帖子内容，提示一些可能的链接（比如Wikipedia，IMDB等）
• 自动提示tag
• 自动关联一些相关的图片（好像大多来自flickr）
• 自动提示一些相关内容的网页

安装Zemanta的时候有多个选择，可以选择浏览器插件或者是blog后台插件，如果是要支持多个平台的blog（比如你既写Wordpress，又有blogger），那么浏览器插件就比较合适，如果是想用多个浏览器（比如Firefox和IE）来访问一个blog，那么装相应的blog后台插件就要好一些，当然只有某些blog程序才能支持了（Wordpress自然不在话下，而且2.5的版本也可以）。

我使用感觉还不错，不过对中文支持不是很好，有些涉及中文的提示可能不够丰富，但总比没有强吧，另外Zemanta很大度，它虽然自动在帖子的结尾处放置了自己的logo，但它的Web上写明了允许用户删除它的logo，呵呵，赞一下。

我已经用上了Wordpress2.5，在这里小结一下我对Wordpress2.5的印象，依次列出我认为比较有用的新特性：

• 支持多人编辑时的冲突保护（类似很多Wiki），这个功能在团队Blog中很有用。
• 后台新的blog编辑器（应该是TinyMCE）比2.3有了不少的进步，对我来说<code>标签比以前好用多了（2.3版本中，code标签很容易会移位）。
• 内置了对Gravatar的支持，也就是可以给留言的人显示头像（需要留言的人事先在Gravatar网站上申请一个头像），不过2.3版本的Wordpress通过插件也可以做到这个，只是2.5版本上不需要装插件了。
• 后台的Dashboard更实用了，而且是可定制的（通过Widget），这个也蛮实用的。
• 插件可以自动升级了（象Firefox），这个是易用性上的一个小升级。

虽然小的特性和改动还有很多，不过对我来说，吸引我的只有上面这些了（甚至后台整个界面的大改变对我也毫无吸引力，我感觉原来2.3的后台界面就挺好的啊），显然可以看出，前台没有什么变化，主要的变化集中在后台，在我看来这些变化实在不足以支撑一个2.5这样的大版本的变迁，而且似乎这个2.5版本还有不少bug，我也遇到一个了，就是在后台上传图片并插入到blog中时，有时那个管理上传图片的窗口会失去响应，反正感觉这个2.5有点名不符实就是了，不过反正也是免费开源的，我是不是要求太高了？

对于所有的独立blogger，都可能遇到这个问题，图片存放到哪里？ 虽然Wordpress提供了后台直接上传图片的功能，但这种图片相当于是存放在blog服务器上的，这会带来存储和带宽两方面的问题，对于资源富裕的blogger来说，这都不是问题，但对于大量我这种小小草名博客，还是有一些负担的，尤其是带宽方面的担心更大一些（要知道网上的那些无聊的机器人程序可是很多的）。

统计了一下我自己订阅的Wordpress博客的图片存放情况，大部分都是存放在Wordpress服务器上的 ，剩下的就是使用外部存储了，五花八门，比如：

• yupoo
• flickr
• bababian
• footbig
• facebook
• picasa web album
• google doc
• storage.live.com

其中用yupoo的最多，不愧为中国的flickr，呵呵。另外，那个使用google doc的老兄也蛮有创意的，佩服。

换了Wordpress的模板，这个模板的php文件结构基本上是从Default继承来的，而CSS部分是重写的。相信以后做模板会快很多，这个足足花了我两个星期的时间，而且估计还有一些bug CSS很简短，主要的工作有：

• 我喜欢原来的蓝色的标题，所以保留了，但扩展到了整个页面宽度。
• 把每个帖子的一些属性信息提出来放在了左边，似乎感觉要整齐一些。
• 顺便调整一下字体（包括颜色和大小），不过始终不能做到Firefox和IE都好看。

使用RSS的，要点一下标题跳转才能看到的。。。

update(2008-04-27): 更新了部分字体部分的CSS，现在在IE和Firefox下似乎要一致一些了。

使用Wordpress的用户大都都更换过主题（Theme），甚至很多人选择Wordpress就是因为其丰富的主题资源，也有一部分用户可能希望自己制作主题（包括我），感觉这才能更好的体现blog的个性。在我漫长的学习制作Wordpress主题的过程中，记录下我的一些收获，希望也可以给Wordpress后来者以帮助。

预备知识

大体上，制作一款Wordpress主题需要如下的知识，并不是很高深。

• XHTML/CSS
• PHP
• 对Wordpress代码的适度理解

工具

为了自己制作Wordpress Theme，需要适当的工具，下面是我使用的工具，由于我使用Ubuntu Linux，因此下面的工具有些不适合于Windows平台：

• LAMP环境（Linux+Apache+Mysql+PHP），这在Ubuntu下很容易获得，直接apt-get就可以了。在Windows下就要把Linux换成Windows，所以叫做WAMP了，可以用一些套件，比如XAMPP来实现，这是Wordpress的基本运行环境，也是调试Theme必备的。
• Firefox/Web Developer插件，这个是所有的Web Deveoper都需要的插件，帮助分析Web页面的元素，比如CSS等。
• 一个好用的PHP/CSS文件编辑器，由于制作Theme不涉及PHP调试，因此只是需要一个编辑器即可，比如Geany等。
• 一个FTP客户端工具，用于将最终的Theme上传到服务器，Filezilla很好（在Linux和Windows下都很好用）。

Theme教程

有了预备知识和好用的工具，基本上就可以开工了，当然从头开始摸索还是很麻烦的，网上有很多很好的Wordpress Theme制作教程，我看到的很好的一篇是： WordPress theme Guide，虽然是针对Wordpress 1.5，但和目前的Wordpress2.3差别很小，仍然非常有参考价值（这个博主是在中国的老外，还写了多关于中国的帖子，有些意思）。

只需看完这个教程的四个部分，基本上就对Wordpress Theme的基本结构和制作方法有了清楚的概念，然后就是挽起袖子，拿起工具，发挥你的创造力吧。

update(2008-04-11)：在做完Theme之后，一定要分别在Firefox和IE中都测过再发布，否则就可能会。。。（我清楚记得我的第一个Theme在Firefox下测试完后，到了IE下变成了什么鬼模样，呵呵）

update(2008-04-15)：可以在安装好的Wordpress下安装一个Theme test drive插件，这样就可以在更改admin的主题时不影响普通用户的主题，在测试完整之后再切换到新的主题。

Wassup是Wordpress很著名的一个插件，用于做访问统计，可能很多人在使用Google Analytics（我也是），不过Wassup并不与Google Analytics做直接的竞争，Wassup强于实时记录，它用很直观的方式记录最近一段时间对Wordpress的访问，而Google Analytics长于统计，各种统计数据花样繁多。另外Wassup是直接以插件的方式集成到Wordpress的，因此不象Google Anlytics受客户端Javascript的影响，对blog性能影响也较小。

Wassup安装

这个没有什么特殊的，和其它插件一样，下载、上传、激活三部曲之后，Wassup就可以正常工作了，下面的这个页面显示了一个Wassup的统计结果页面。

（本来想贴个图，无奈flickr又罢工了。。。哎）

Exclude IP

这个却有些特殊，费了我老大的劲，因为网络上各种spider （自动抓网页的程序）太多，为了屏蔽一些无聊的spider，可以在wassup中加入exclude ip，这样这些spider的访问就不会被统计了，可是我试了几次都没有成功，无赖看源码，才发现，原来很多spider访问是通过proxy的，对于这种访问要屏蔽的话，必须要将代理和访问者的真实ip（HTTP_X_FORWARDED_FOR）都写上，而wassup在显示访问信息时，并没有显示proxy，这使得很多屏蔽不能起作用，了解了这一点，我从数据库里面直接查看了访问者的ip和proxy信息，我想屏蔽的那个spider的ip和proxy是同一个值，因此只要在屏蔽其ip时将这个ip写两遍即可（用逗号分隔），这个地方wassup做的不太友好。

Slug就是一个帖子的缩略标题，常用来作为URL的一部分（在Wordpress中，这是可设置的），在后台发帖子的时候就可以看到一个Post Slug的设置，如果不填的话，Wordpress会自动将帖子的标题（Title）转换为Slug，所谓的转换就是转到URL格式，比如“test blog"就会被转成"test-blog"，空格被替换了，这才能作为合法的URL，当然如果有多个帖子的Slug恰好相同的话，没有关系，Wordpress会自动在后面加-1,-2之类的数字，反正保证每一贴都不同，这也是为了做URL方便。

但如果标题是中文，Wordpress就不那么智能了，Slug就可能会自动变成了一堆"%230"之类的外星语，煞是难看，于是就有人想干吗不用拼音呢？起码比外星语好读一些，更有甚者会想，应该将title翻译成英文，再转换为Slug不就更漂亮了吗？ 但是所有这些Wordpress都不会替我们做，于是各路神仙开发了不少Wordpress插件，来完成这样的理想，其中的一个神仙开发了wp-slug，这个插件实现了上面的想法（翻译是找的Google translate），先翻译，翻译不成就转拼音，最后成Slug，这样就不用每次费劲脑汁的想那个Slug了。

对于已经有大量帖子的人（比如我），也是有办法的，另一个神仙实现了一个批量Slug转换插件，但是这个插件只是调用了Google Translate，而没有实现拼音的转换，不过这个插件是直接修改数据库的，所以一定要小心使用，用完了禁用插件。

我测试的结果是两个插件都可以工作，但是Google似乎对这种来自“机器人”的翻译请求有限制，如果请求过频繁，就会封ip一段时间（对那个批量转换插件尤其不利），所以经常会遇到翻译不成功的情况，真是晕。

用Wordpress，如何了解Feed的订阅数是个小小的难题，Google Reader只能统计它一个客户端的订阅数，不代表全部。Google Analytics需要JavaScripit支持才能加以统计，可很多RSS阅读器不支持Javascript。

这个显然的需求被很多高人用Wordpress插件的方式实现了，琳琅满目，比如：

• Feed Statistics
• FeedStats

我没有办法一个个尝试，我试了上面的Feed Statistics，这个插件只有一个文件，使用很方便：

• 将下载展开得到的php文件放在wordpress/wp-content/plugins目录下，一定不要在plugins下面建子目录了，直接放在plugins下面就好，否则这个插件不能工作。
• 在Wordpress后台中，Active这个插件，就可以看到多了一个feed的菜单。
• 现在就只需要等了，所有的feed统计工作都开始工作了。

Feed Statistics缺省时可以统计Feed的订阅数，以及在Feed里最受欢迎的帖子（点击数），这两个统计都有一些实现上的技巧：

• 一般情况下订阅数比较好统计，可以按IP和Agent来区分，可对于Google Reader这样的阅读器就麻烦了，多个订阅用户都是从Goolge送出来，幸好这类阅读器都带了详细的参数，象Google Reader直接在参数里面带有订阅数，这个问题就好办了，不过不能保证所有的这类Web RSS Reader都带了订阅数参数。
• 对于帖子的统计，Feed Statistics使用了一个小技巧，在发送给用户的feed中，加了一个1个像素的图像文件，这个图像文件指向了Feed Statistics自己的统计程序，这样才能精确统计Feed内帖子被点击的情况。

Feed Statistics的统计都是基于最近数天（可以设置天数）的实时点击情况的，因此可以算是活跃订阅用户，这个数字还是比较有价值的。