Drupal打造中国化主题系列教程.pdf

Drupal 造中国化主题系列教程 前沿 进来在 QQ 群和 Drupalchina 有 很 多人在问我 ,Drupal 使用者中 文社区 [ ]的主题是如何制作的 ，这大概是 Drupaler 看惯了garland ，觉得 一个我的主题比较中国化，比较符合国内 CMS 的版式；利用元旦期间，我在此将连载出 Drupal 使用者 的中国化主题制作过程和大家一起分享 ；本系列文章计划将分为6 个部分， 从设计到制作整个流程 ，我尽量详细的讲述 ，以下为基本的制作流程目录 ，敬请期待； Drupal 打造中国化主题系列教程(1)--分析实现方法 Drupal 打造中国化主题系列教程(2)--创建区域 Drupal 打造中国化主题系列教程(3)--静态区块 Drupal 打造中国化主题系列教程(4)--创建tpl 文件 Drupal 打造中国化主题系列教程(5)--创建views 列表 Drupal 打造中国化主题系列教程(6)--覆写views 主题 分析实现方法 在此介绍 D 站点的主题制作了。这一个主题制作的过程，并非完全符合 Drupal 主题制作的风格和习惯，也有很多错误的地 ，希望大家在看完之后 ，能从我的讲述当中， 对 Drupal 的主题制作有所了解 ，能总结出更优秀的经验 ，供大家分享。 Drupal 制作主题 ，主要有2 个部分是比较有难度 ，一个就是静态页面的制作，要熟悉W3C 的标准 ，熟悉 div+CSS ，熟悉各种网页制作工具 ，在一个就是由静态页面转化成 Drupal 主题，即将内容放置到Drupal 的区块当中；我在这里就不再详细介绍静态页面的制作了， 如果你是公司 ，肯定有专门的美工设计人员 ，首先请策划人员做好产品设计，然后就可以请 美工人员制作出漂亮的静态页面了； 我们在这里 ，从拿到静态页面以后开始讲述，首先要分析一下这一个主题的版式和制作流程 （1 主题分为前后台两个部分 ，我使用的是drupal 经典主题garland 更改得到我的主题 的 ，这样我只覆写前台的主题，后台的样式依然采用的garland ，因为后台都是自己看，适 用默认的garland 无论是标准还是大小 ，都是比较适合做管理界面的。 以后无特殊声明 ，文中所叙述的 “Drupaluser 主题”均指的是前台的主题 D 的前台主题主要是首页 ，列表页面 ，内容显示页面和其他静态页面 ，也就是静态页面只需要 做4 个页面就OK。 首页我们使用front.tpl.php 文件覆写 列表页面我们使用taxonomy.tpl.php 文件覆写 内容显示我们使用story.tpl.php 和 node-story.tpl.php 来覆写 其他的静态页面我们使用page.tpl.php 和node.tpl.php 来覆写 至于为什么能采用上述 式 ，请参阅 /category/theme 中的相关模 板覆写的文章，采用上述 式是因为这样可以不用修改 garland 的默认模板 ，不会影响到 后台模板的样式 ，这样看起来 ，比较像前后台相分离 ，这样也比较符合中国人使用CMS 前 后台相分离的习惯 （2 流程方面 ，首先要在info 文件中添加区域 ，然后将一部分静态的内容做成区块 ，直接 写在 block 文件中，例如 中最下面的版权声明和友情链接 ，都是直 接书写html 到区块中的 式，然后将4 个 html 页面布局拆分 ，使用views 的要做views 的tpl 文件 ，其他的相应制作上面所述的4 个文件的tpl 文件就OK ，我们下面将一步一步 详细说明。 创建区域 我们首先分析一下Drupal 使用者中文社区[ ]的主题应该划分为哪一 些区域 ，首页分为上、中、下三个大区域 ，右边有可以分为上下两个大块区域 ，这样划分， 也是为了照顾美工方面比较容易用css 控制div 的float ，所以我们定义了 regions[top] = Top regions[left_region1] = Left Region1 regions[left_region2] = Left Region2 regions[right_region1] = Right Region1 regions[right_region2