drupal与html转换,HTML转Drupal主题的方法

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值