Drupal主题制作手册.pdfVIP

页码，1/6 Drupal的主题制作手册 权属于kzeng，原文地址为： /drupal_theme_design ，请大家经常访问检查手册 的更新。alaya129制作 这只是一个草稿，根据读者的反馈，我会对其进行更新，因为一次写不 完，最好 bookmark 这篇blog，我会不断地更新的。另外，由于越写越长， 难免会有错误，欢迎批评指出 by kzeng) 1 必要准备 ¡ 关于CSS的一些知识，这样我们可以避免使用table，从而使你的 drupal 站点更加的易于被搜索引擎搜索到，并且自适应于不同的浏览器。 ¡ 一个普通的网页编辑器，在设计阶段，推荐使用最新 本的 Dreamweaver ，在调试阶段，可以继续使用 Dreamweaver ，也可以使用 一些轻量级的编辑软件，譬如 UltraEdit-32，它也会自 标亮 css 语 言。 ¡ 一些基本的图形编辑软件，如果你希望修改或是加入一些图片。 2 有用但是不必要 知识 ¡ 关于PHP变量的一些知识； ¡ 关于PHP的if表达式的一些知识； ¡ 关于PHP的foreach的表达式 3 蓝图 图一 如图一所示，通常drupal的主题由上、中、下三大部分构成，而中部通常又 分为左、中、右三部分。 ¡ 上部：通常这里可以放置你的logo，你站点的名称，与你的口号，有 2006-8-20 页码，2/6 时，主链接或是次链接也可以放置在这个区域； ¡ 中部：正中央摆放的是主体内容部分，左右通常是两个边栏，你也可以 只摆放一个边栏，或者把两个边栏摆放在同一侧（譬如我现在地主 题）； ¡ 下部：通常是一些辅助性的信息，譬如版权信息，主题的制作人，以及 站点是由什么搭建的，当然你也可以把别的东西放置在这里，譬如主链 接，drupal的一款默认主题 pushbutton 就是把主链接另放了一份在下 部，或者，这里也可以加入 “返回顶部”的链接。 这开始制作drupal的主题前，最好自己先大致构思一下这个主题的蓝图，将 别的主题文件更改为drupal主题时，也需要先大致计划一下，下面我们开始 一个实例。 4 实例 我们以Zen Garden的一个主题为范例来制作drupal的主题。 图二 这个主题的HTML文件可以在这里看到，它非常的简单，是 css 赋予它漂亮的 外观，我们现在需要做的，就是把这个HTML页面转化为drupal的主题文件， css文件基本不需要做任何地修改。 首先，按照我们上面提到的那样，我们需要有一个蓝图：大致考虑一下如何 按照上中下的结构来分解这个主题还有就是边栏的摆放位置，由于这个主题 本身的特殊性，我们可以按照下面的结构图来设计 drupal 的主题。 2006-8-20 页码，3/6 图三 也就是说我们只打算要一个侧边栏。这也体现了drupal的灵活性，就像搭积 木一样：） 5 转换 打开原来的HTML主题，原来文件的文件头(head部分）如下： !DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Strict//EN /TR/xhtml1/DTD/xhtml1-strict.dtd html xmlns=/1999/xhtml xml:lang=en head meta http-equiv=content-type content=text/h