在创建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代码来判断在不同的条件下让页面模板做出相应的变化。

drupal与html转换,HTML转Drupal主题的方法相关推荐

  1. badatatable转成json_C# DataTable 转换成JSON数据 三种方法

    在web开发中,我们可能会有这样的需求,为了便于前台的JS的处理,我们需要将查询出的数据源格式比如:List.DataTable转换为Json格式.特别在使用Extjs框架的时候,Ajax异步请求的数 ...

  2. Word转换英文为大写小写的方法

    Word转换英文为大写小写的方法: 在word中,通过 Shift+F3  快捷键,就可以实现英文的大小写转换. 首先选中要转换的英文 第一次按 Shift+F3  快捷键,将所选的英文首字母转换为大 ...

  3. Python中转换角度为弧度的radians()方法

    Python中转换角度为弧度的radians()方法 这篇文章主要介绍了Python中转换角度为弧度的radians()方法,是Python入门中的基础知识,需要的朋友可以参考下 radians()方 ...

  4. java如何把png转换成jpg_Java实现将png格式图片转换成jpg格式图片的方法【测试可用】...

    Java实现将png格式图片转换成jpg格式图片的方法[测试可用] 发布于 2020-4-9| 复制链接 摘记: 本文实例讲述了Java实现将png格式图片转换成jpg格式图片的方法.分享给大家供大家 ...

  5. python html转word文档_Python实现将HTML转换成doc格式文件的方法示例

    本文实例讲述了Python实现将HTML转换成doc格式文件的方法.分享给大家供大家参考,具体如下: 网页上的一些文章,因为有格式的原因,它们在网页上的源码都是带有html标签的,用css来进行描述. ...

  6. php显示24小时制,php将12小时制转换成24小时制的方法

    本文实例讲述了php将12小时制转换成24小时制的方法.分享给大家供大家参考.具体如下: php将12小时制转换成24小时制,输入格式为:02:30:00 pm 转换成:14:30:00 functi ...

  7. pdf英文转换成html网页,PDF文件转换成html网页文件小方法

    原标题:PDF文件转换成html网页文件小方法 现在不知道大家知不知道小学已经开设编程课程了.我记得我们小时候连上个微机课都是一种奢望,所以现在的孩纸还是很享福的呀.但是很多的小白估计听着代码.编程这 ...

  8. c语言合并jpg成pdf,JPG在线转换成PDF文件的简单方法

    在现在的工作性质中.大家不管是在工作中还是在学习中,都会用到JPG图片文件,就连我们平时朋友聊天之间,也会传送很多图片文件,但是图片文件在聊天中很方便,但是在工作中传送图片就显得很不正式了,领导都会要 ...

  9. 微信气泡主题设置_微信气泡主题华为手机要怎么弄 华为手机微信气泡主题设置方法介绍...

    4.下载完成后,打开MT管理器,在左侧找到我们下载的气泡主题所在文件夹,点击进入显示[.mm]文件,然后在右侧找到华为手机主题的文件夹[HUAWEI-Themes],然后随便选择一个主题进入(注意不能 ...

  10. android设置主题和自定义主题的方法

    android设置主题和自定义主题的方法 嘿嘿,书接上回,android有两种设置主题到方法,一种就是通过修改manifest文件,一种就是在通过修改我们的java代码:主题的自定义设置和样式的自定义 ...

最新文章

  1. Bio-protocol与Cell Research达成合作：共同提升科研的可重复性
  2. python答辩结束语_2018-08-17 结束答辩
  3. MongoDb注意事项
  4. 论手残党画交互原型的正确姿势
  5. 春运首日山东烟台海上安全巡航
  6. DocumentNavigator是什么东东？
  7. C#中的Clipboard与ContextMenuStrip应用举例
  8. oracle中只存储两年数据,Oracle中作为永久存储机制的嵌套表的数据追加
  9. apache、nginx验证
  10. Python + Flask 执行异步任务
  11. AutoMapper学习笔记
  12. 阶段5 3.微服务项目【学成在线】_day04 页面静态化_13-页面静态化-数据模型-轮播图DataUrl接口...
  13. python内置函数( )可以返回列表长度_python内置函数总结
  14. 会议论文集出版地总结_codestorm_新浪博客
  15. 互联网的寒冬是否只是以讹传讹？
  16. QQ空间说说一键批量删除软件2.0使用教程
  17. 深入solidity内部 -以太坊EVN插槽存储关系
  18. 韩国5G产品定价及营销策略剖析
  19. 浏览器插件实现GitHub代码翻译原型演示
  20. S7-200SMART案例分析——运动控制编程

热门文章

  1. win7 旗舰版激活工具(附件下载)
  2. js面试题：fn.call.call.call.call(fn2) 解析
  3. Flink流处理框架下的交通灯控制器
  4. 2019 谷歌dat.GUI组件对中文的支持
  5. python教你生成动态二维码
  6. win7 开WiFi共享
  7. Liang-Barsky裁剪算法
  8. linux mbr 转 gpt 数据丢吗,不丢失数据 MBR转GPT分区表教程
  9. 关于野火mini led的学习
  10. js中更改div的背景颜色：