为Drupal6做布景(Theme)

尽管强大的Drupal7.0 就要出现了, 但是考虑到组件的支持程度以及程序的健康程度, 目前还不得不使用Drupal6.x 作为产品平台.

做网站的其中一步, 就是把美工做的设计图(一般是.psd文件?) 用html/css以及图片实现出来. 如果你只是需要一个盒饭质量的点一下export就出来的html, 那就不必往下看了, 因为我记录的是手工打造一个符合w3c规范的Drual 布景.

首先, 安装Zen布景.  Zen是目前口碑最好的Drupal基础布景, 就像一套未上色的积木. 安装Zen以及建立自己的sub-Zen布景步骤如下:

  1. 下载Zen, 并解压缩到/drupal/sites/all(假设你的drupal安装路径是/drupal), 完成之后, Zen应该在/drupal/sites/all/zen
  2. 假设你要制作的布景叫mytheme
  3. 将/drupal/sites/all/zen/STARTERKIT 复制到 /drupal/sites/all/mytheme
  4. 将 mytheme/STARTERKIT.info.txt 改名为 mytheme.info
  5. 编辑mytheme.info/template.php/theme-settings.php,  找到原来是STARTERKIT的地方, 改为mytheme
  6. 从zen文件夹复制 zen.css, 并改名为mytheme.css
  7. 我一般是选择固定布局, 就是从zen文件夹复制layout-fixed.css并改名为layout.css, 如果你要流动布局, 复制并改名layout-liquid.css即可.
  8. 从zen文件夹复制print.css/html-elements.css
  9. 完成

这样, 进入Drupal admin之后你就可以找到刚刚制作的mytheme了. 注意, mytheme是Zen的子布景, 所以Zen文件夹不要动, 所有改动和定制都在mytheme完成.

Zen为几乎每一个元素都定义了css class, 因此初次接触Zen的你可能在打开mytheme.css后就没了头绪. 其实很简单, 使用FireFox+FireBug(相信很多人已经知道了), 用鼠标一点, 就知道要改哪里了. 🙂

3 Replies to “为Drupal6做布景(Theme)”

Leave a Reply

Your email address will not be published. Required fields are marked *