发布 VerTick WordPress 直排主题
VerTick 实现效果
我们的网站技术人员 Metaphox 有一天在 Twitter 上看到了 Nehan 这一使用 JavaScript 来实现日文直排(竖排)的工具,就以其为基础做出了一款 WordPress 主题:VerTick。目前这款主题已经基本原工,Metaphox 决定将它发布,以供有兴趣的人使用。同时,关于这款主题的使用细节,我们也对 Metaphox 进行了简单的采访,内文如下。说一说做直排 WordPress 主题的动机?或者应该先问你为什么喜欢直排中文?Metaphox:为什么喜欢直排中文,可能是因为我爸是学古汉语文学的,家里有不少直排的书,小时候看过一些,觉得直排的中文很好看。虽然后来在很长的一段时间里,我都以为只有古书是直排的,对世界上还有不少人仍旧将直排作为日常阅读文本的排版方式这一事实浑然无知。再后来我发现,二十一世纪中国大陆网络文艺青年的圈子里时兴起书写“没被简化的中文”风潮,并且多少都对中文简化颇有微词,却没见到几个人认为直排也应该复辟一回。字的写法几千年来都在慢慢改变,字的排列方向之改变却是剧烈而突然的,反对前者却对后者视而不见,想一想真是件很可笑的事情。至于制作这个 WordPress 主题的动机,简要概括就是:闲得蛋疼。至于比较详细的缘由,大概可以回顾到我大学二年级,刚刚开始和 HTML/CSS 彼此折磨的时候。那时 IE 还基本上是唯一的浏览器,而 IE 对直排的支持虽然不算完美,但是至少是可以做到的,我也觉得直排的中文在网页上很漂亮。后来 IE 渐渐被一众新浏览器所颠覆,尽管后来者们有这样那样的优点,不支持直排却始终是个缺憾,我总觉得应该弥补一下,但是要做的事情太多,而且也看不到比较优雅的解决方法,渐渐也就满足于看看直排的纸书,对网页直排失去了希望,直到遇见 nehan。Nehan 是怎样实现直排的呢?为什么要用 JavaScript 来实现直排?Metaphox:Nehan(日文“涅磐”,作者为渡辺正纪)实现直排的方式其实相当暴力,简单来说就是在每个字符下面插入一个换行符,然后把字都塞进宽度为一的狭长表格单元里面强迫对齐,再把多个这样的单元逆序排成一个表格,这样就完成了一页直排文本。但是原理说起来简单,做起来实际上是非常复杂的,比如标点符号、图片混排、西文混排、超文本链接的处理等等,还有日文的“振假名”,也就是在汉字的右侧加上小号字体的假名著音这个需求,也要想办法完成。Nehan 比较优秀地完成了这些工作,虽然并不完美——“完美的程序”这种东西,本来就不存在于这个世界——但是绝对已经可以付诸实用了。实际上 Nehan 最主要的应用就是“縦书き文库”,一个在线阅读的日文书库。使用 JavaScript 来进行排版的原因,最大的好处是它不会破坏文档本身的语义特性。正确地使用 HTML 可以标记出文档的结构,而这可以帮助机器(比如搜索引擎)来“阅读”文档。JavaScript 对文字的转换是不会影响机器的理解的,因为机器“看”不到被转换之后的文字。做个小小的比较:用假古文这样的工具将一段文本转为直排,然后发布到网络上。对于搜索引擎来说,这段文本毫无意义,因为它已经没有次序了,但是用 Nehan 的话,就没有这个问题。至于使用 JavaScript 会拖慢浏览器这个缺点,相比之下还是可以接受的。那么,简要介绍一下 VerTick?
Metaphox:事实上 Nehan 是很灵活的工具,可以很简单地放在几乎任何网页上达成直排的效果。但是能够自己动手做这件事终究是需要一定的编程知识的,所以我想如果能简化一下它的使用,也许会方便更多的喜欢直排的人。网络上使用 WordPress 的人很多,TIB 在用,我也用过,所以做一个整合 Nehan 的 WordPress 主题,在我看来是个不错的主意。VerTick 把 Nehan 和 WordPress 的默认主题针对中文的使用习惯做了做调整,还实现了一些比如全中文日期之类的细节功能。使用起来,只需要下载,解压,上传,激活这个主题,这是每个 WordPress 用户都会做的事情——然后就能看到自己既有的文本被直排好了。目前它提供三个选项:在预制的四种 CSS FontStack 之中选择宋、黑、仿宋、楷体选择传统中文的标点(居中)或者中国大陆的国家标准(部分标点靠右)使用中文或者被简化的中文作为提示文字当然,第一个选项严重受限于浏览器和操作系统。仿宋和楷体在 Mac 上的显示很漂亮,在 Windows 上则相当难看。至于 Linux,我只测试了 Ubuntu 10.4,感觉还是过得去的,而且我相信 Linux 的 DIY 玩家们应该也不需要我来操心这个问题。VerTick 主题目前很简陋,还有很多需要改进的地方,比如对 Widgets 的支持,更好的易用性细节等等,不过目前这个状态已经是可以用了,修改起来也很容易。我把源代码放在 github 上面,以后还会渐渐完善。我自己也打算重新开一个 WordPress,把混杂西文比较少的日志放在上面,身体力行“eat your own dogfood”这条程序员的哲学……还有什么想说的吗?Metaphox:嗯。负责 Web 标准的 W3C 已经着手于不同语言书写方向的标准制定工作很久了,但是在那个几乎永远处于草案状态的标准确定下来,并且被几个主要的浏览器厂商实现之前,Nehan 大概是我已知的最佳方案。很遗憾,不论是着力推动 W3C 为文本直排之实现制定标准的,还是最终完成 Nehan 的,都和我们这个世界上最大的汉语使用国家没什么关系。不过无论如何,希望在今后的某一天,可以看到浏览器完美地支持直排文本,像下图这样的书籍排版,可以在网上完美地重现:
《国史大纲》,钱穆
VerTick 最新的源代码
-
ShanhaiFonts
Brand:山海字库
Area:China
-
Cangji Fonts
Brand: 仓迹字库
Area: China
-
JT Foundry
Brand: 翰字铸造
Area: Taiwan, China
-
Handmadefont
Brand:
Area: Estonia
-
·千图字体
-
HyFont Studio
Brand: 新美字库
Area: China
- ·Hollywood Star Matt Damon Wrote Better Chinese than Chinese Stars
- ·Food Not Bombs hypothetical redesign
- ·Iconic Transport for London logo undergoes subtle redesign
- ·Ad for Vincebus Eruptum by Blue Cheer
- ·47 free tattoo fonts for your body art
- ·The Future of Sex poster
- ·Fonts Design of Childhood Memory
- ·How to Read a Painting by Patrick de Rynck
- ·He Invented a Font to Help People With Dyslexia Read
- ·Cher Got Sued For Font!