重新制作了 Drupal 的主题

春天的周末,抽空重新作了一个 Drupal 的主题。很久没有亲自操刀了,图省事,用了不少官方网站直接提供的主题,但是实际上,也没有省多少事情,因为每一款主题安装后都要不断地修正。比如为英文网站设计的主题在显示中文的时候普遍文字过小,12px 的字体看上去很吃力,所以必须调整,还有各个组件的摆放,自己订制的 block 的显示等等。所以又重新装了 Adobe Master Suite CS4,自己动手。

设计非我所长,所以主要是参照了一款 Wordpress 的主题:Marine。有些不错的地方,很喜欢这个颜色的搭配,春天了;也有些我不需要的地方,所以还是按照习惯,在 Firework 里画了草图:

drupal_theme_design 

图画完,做起来就快了,base theme 用的是 zen,这是一款空白的 theme,只需要按照设计图写入 CSS 即可,不过因为主题的需要,我还是改动了 page.tpl.php 和 node.tpl.php,主要是圆边角的显示,为了以后更改的方便,所以没有采用一张背景图片的方法,而是使用了三个 div 拼接;也写了一小点儿的 PHP  code,因为我需要用到标题上那样的日期显示,Drupal 默认的日期是不行了,所以重新用 date() 函数format了 $created 变量。

然后就没什么了,按部就班,参照 Marine 的 CSS,所以省去了不少计算的麻烦,不过我的 header 因为和 Marine 不一样,所以还是不得不在 Maple 里算了尺寸长度(杀鸡用牛刀,呵呵)。header 上的花藤是一种叫做 Painted 的字体,比用 Photoshop 的 bursh 要方便很多,虽然形状比较单一。

就这些了,最后,我们为这个主题想一个深远的含义吧,就像分析小学课文一样:头顶的一丝蓝天与背景的大片黑暗 —— 所以小朋友要好好学习:)

Blog分类: