设计一个一个Drupal7的模板 drupal8 模板开发

设计Drupal的模板,不必什么都要从头开始,你可以选择一些基础主题(base theme),基于这个基础主题创建一个子主题(subtheme)。子主题可以继承基础主题的功能,这样做的好处就是节省时间和易于管理。

Drupal官方网站里提供了很多的基础主题,http://drupal.org/project/themes,比如著名的Zen,Fusion,Omega等等,下面我们以Zen主题为例,来看看如何基于Zen主题来为Drupal创建主题。这篇文章我们动手做一些试验,来了解如何使用Zen做为基础主题来为Drupal 7 创建一个主题。

开始准备

安装Drupal,添加一些测试的内容,你可以下载并安装devel模块,然后在管理后台->配置 “admin/config”里找到并点击“Generatecontent”,可以快速生成一些测试的内容。

创建Zen的子主题

我们一起来创建一个基于zen主题的叫做“ninghao”的子主题,这个主题将成为网站使用的主题,“ninghao”只是我起的一个主题的名字,你可以换成你自己想要的主题名称。

步骤:

  1. 下载Zen主题(http://drupal.org/project/zen),解压以后放在drupal的“sites/all/themes”目录下。
  2. 复制Zen目录下的STARTERKIT文件夹到“sites/all/themes”目录下,将其重命名为你想要的主题名称,比如“ninghao”
  3. 在重命名以后的STARTERKIT目录下,也就是“ninghao”目录下,找到STARTERKIT.info.txt,把这个文件重命名为“ninghao.info”,打开该文件,把里面的name属性重新赋值 如 :name=ninghao 。
  4. 在“ninghao”目录下,打开“theme-settings.php”与“template.php”,查找里面的“STARTERKIT”,全部替换为“ninghao”。
  5. 打开“admin/appearance”(管理后台->外观),在禁用的主题里,找到我们创建的叫ninghao主题,点击“启用并设为默认”。你会看到网站前台已经使用ninghao这个主题了。

恭喜,你现在已经成功的创建了一个Drupal7的主题了,看到主题的样式你可能会失望,“我靠,啥也没有,太丑啦!”。其实人家就是这么设计的,这种主题就像是一张白纸,你需要有自己的想法,去把你想要的样式添加到主题的样式表里。

Zen主题包含的样式表

在“sites/all/themes/ninghao/css”里面就是主题所有的样式表,Zen把常用的样式根据用途分开存放,这样更易于管理。有些样式表是以“-rtl.css”结尾的,这些样式表专门用在从右向左阅读的内容上,比如阿拉伯文就是从右向左阅读,如果不需要,你可以删除这些“-rtl.css”样式表。

注意这些样样式里多数都只有样式的选择器,并没有样式的属性与值,你需要根据自己的需要来添加样式,样式表里包含了详细的说明。

下面简单介绍一下这些样式表:

常用的模板文件

zen主题重新定义了这些模板文件,在“sites/all/themes/zen/templates”目录下,如果你想修改这些模板文件,复制你要修改的模板文件到使用的主题目录下,这里我们使用的是ninghao主题,所以需要把模板文件复制到“sites/all/themes/ninghao/templates”目录下面。这样你对模板所做的修改只会在当前使用的这个ninghao主题下起作用。

练习:复制“sites/all/themes/zen/templates”下面的page.tpl.php模板文件到“sites/all/themes/ninghao/templates”目录下,然后修改模板里的内容,看看Drupal前台有什么样的变化。

在页面模板中添加区域

区域就是用来显示区块的位置,基于Zen主题的子主题默认定义了一些区域,如果你想添加新的区域,也很容易做到。

设计一个一个Drupal7的模板 drupal8 模板开发

下面我们一起来添加一个叫content_top的区域(content_top只是我起的名称,你可以换成你自己想要的区域名称):

  1. 打开ninghao.info,位置在:sites/all/themes/ninghao/
  2. 在ninghao.info里添加一行代码:regions[content_top]= Content top
  3. 打开page.tpl.php,找到你想要显示Contenttop区域的地方,添加代码:
  4. 随便在管理后台->区块里,找到一个区块,发布在Conent top的位置上测试一下。

注:一般来说你对模板所做的修改都需要清除一下缓存,之所以你可以立即看到所做的修改,是因为zen主题的一个功能,在“admin/appearance/settings/ninghao”里有一个选项“Rebuildtheme registry on everypage.”,开启这个选项可以让你立即看到对主题所做的修改,不需要先去清除缓存。

为特定的场合指定模板

Drupal的主题应用非常灵活,比如你可以为单独某个区块,区域,页面,字段...来应用不一样模板。下面我们就通过几个实验来了解一下。

block.tpl.php,区块模板

试验一:为左边栏区域(sidebar_first)单独设置模板:从“sites/all/themes/zen/templates”目录下复制block.tpl.php文件到将“sites/all/themes/ninghao/templates”目录下,然后把block.tpl.php重命名为:block--sidebar_first.tpl.php ,注:sidebar_first 是 Zen主题上定义的区域。用同样的方法试试为其它区域设定模板。

试验二:修改“在线用户"区块的模板。先把“在线用户”区块发布到一个区域上,然后去复制一份 block.tpl.php并重命名为:block--user-online.tpl.php,修改这个文件,看看是不是只会影响到“在线用户”这个区块。用同样方法试试为其它的模块指定单独的模板。

注:为什么是user-online?你可以在编辑区块的时候注意一下地址:

admin/structure/block/manage/user/online/configure

试验三:在管理后台->结构->区块:admin/structure/block,点击“添加区块”来添加一个自定义的区块。随便输入一些内容,将其发布在一“第一边栏”位置上。编辑这个区块的时候,注意一下地址:

admin/structure/block/manage/block/1/configure(数字1是这个区块的id号,表示这是用户第一个创建的区块,你看到的id号很可能是其它的数字)

如果你想为这个区块单独设置模板,你可以复制一份block.tpl.php 重命名为:block--block-1.tpl.php

类似的方法,你可以试试其它的模板文件,如page.tpl.php,node.tpl.php,你都可以为某些特定场合指定模板,比如你想为id为1的内容指定特定的页面模板,你可以复制一份page.tpl.php,重命名为page--node--1.tpl.php。更详细的规则你可以参考Drupal官方的文档:http://drupal.org/node/1089656

  

爱华网本文地址 » http://www.413yy.cn/a/25101016/295498.html

更多阅读

Clarisse iFX:一个全新的3D方法 clarisse ifx 教程

很少公司会真正尝试改变视觉特效的传统工作方法,但是一家法国的初创公司Isotropix和它的产品Clarisse iFX就正尝试做到这点。Clarisse iFX的目标是改变CGI的制作流程,它的核心思想是:减少机器开始渲染最终图像所需的交互时间。它想要在

制作一个简单的joomla模板 joomla模板制作教程

制作一个简单的joomla模板在templates文件夹下创建一个新的文件建。给这个文件夹命名,例如mynewtemplate使用编辑工具创建(推荐Notepad++)index.php和templateDetails.xml两个文件,创建名为images和css的两个文件夹,这两个文件夹分别用

一个简单的衣服制作教程(水水) 简单环保衣服制作方法

在抽空之余写下这个有点傻瓜的教程,目的在于帮助一些还不知道如何制作衣服的居民来进行自我设计和制作.可能大部份朋友用的是PS工具来处理服饰吧,在这里我以fireworks工具来处理了,之前因为没有HI的专业衣服模板,所以设计起来也是非

声明:《设计一个一个Drupal7的模板 drupal8 模板开发》为网友稳掌三界权分享!如侵犯到您的合法权益请联系我们删除