在创建Drupal主题之前，可以先用静态页设计出Drupal页面的样式。每一个页面都可以做出普通的静态页，然后根据页面的样式创建相应的模板文件，为Drupal的每个页面，每个区域，每个区块，每个字段去设计样式，最终可以把我们设计做一个真正能够在Drupal上使用的主题。在把普通的网页转换成模板文件的时候，我们需要先把这个页面分解一下。比如说，页面的头部信息我们要把它放在html.tpl.php里面。页面的整体布局需要page.tpl.php。区块的样式要用到block.tpl.php。我们还需要考虑到在页面中要定义哪些区域，也要考虑在这些区域上面可能会放一些什么样的区块。
一个网页 （例子中）打算做成网站的首页，最上面，是header部分，显示网站的标志，导航栏。
接下来是一个展示的区域，这部分是一个静态的图片。我们可以在Drupal的区块里面创建一个区块，然后在区块里面插入一张图片，在把这个区块分配到展示这个区域上面显示就可以了。
在展示区域的下面是最新作品最近文章。我们可以定义一个features区域，在这个区域上面显示两个区块，一个是最新作品，一个是最近文章。这两个区块的内容我们可以通过views模块来生成。views模块非常有用，你可以用它来创建各种形式的内容列表，可以是一个页面或者是一个区块。
在页面的最下面我们可以定义一个bottom页底区域，我们可以找几个区块把它们发布到这里面去显示。像主菜单、新近用户、在线用户，这些都是Drupal自带的区块，后面的热门作品也是用views来生成的一个区块，在最下面是页面的页脚区footer。里面可以显示网站的版权信息，你可以创建一个区块，然后输入版权信息的内容，然后再发布在页脚区域就可以了。
首页上的内容都是一些区块，再来看一下blog这个页面，这个页面分成了2栏，左边是主要内容的区域，这部分是用views模块生成的。右侧是边栏区域sidebar，我们可以发布一些区块显示在这个区域上面。这个博客的页面跟首页有很多类似的地方，比如头部，页底，还有页脚都是一样的。不同的是首页上没有使用主内容区域和边栏区域，在blog这个页面上没有使用展示区域showcase，和features区域，我们可以为不同的页面设置不同的模板文件，或者我们也可以只创建一个，然后在页面中加入一些条件的判断，比如当页面中展示区域showcase没有内容发布的时候会自动隐藏这个区域，如果页面的主内容区域和边栏区域有内容的时候，那么主内容这个区域就占用8个网格的宽度，边栏就占用4个网格的宽度。如果只有主内容区域有内容，边栏区域没有区块发布的时候，主内容占有整个页面的宽度。所有这些我们都可以通过一些简单的php代码来判断在不同的条件下让页面模板做出相应的变化。
HTML转Drupal主题的方法
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
- 文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
推荐阅读更多精彩内容
- iOS 9设计规范 中文版 完整版译者注：本文译自苹果官方人机界面指南 iOS Human Interface G...
