Drupal7 theming by 龙马 2014-01-18.pptx

龙马（Jack Niu） 2014.1.18 Drupal7 Theming 个人简介 网名：龙马 工作：Themer，前端工程师 id：jackniu (/user/435200) 站长 Email: jackniu8@ QQ群：Drupal中国：4362258 Drupal上海： 154077824 内容摘要 Drupal 主题概述 Drupal 主题开发流程 Drupal 主题开发介绍 Drupal 主题开发工具 Drupal 主题概述 什么是Drupal 主题？ 网站的外观称为主题（theme）,主要包括网站的页面布局、颜色、图片、按钮、字体等元素，国外通常用“Look and Feel”（所见及所感）来说明什么是主题。 Drupal7核心提供了4款主题：garland、bartik、seven、stark。 Drupal主题下载：/project/themes Drupal 主题概述 Drupal 主题存放目录 核心主题： /themes 第三方主题： /sites/all/themes 发行版下的主题： /profiles/distribution_name/themes 如：/profiles/commons/themes Drupal主题下载：/project/themes Drupal 主题开发流程 方式一（ √推荐 ） 网站需求分析及功能设计 制作网站设计图（Design） 主题开发 创建 theme 文件夹 编写info文件 切图，编写*.tpl.php，添加css和js代码。 覆写核心和第三方模块的函数（写入template.php里） Drupal 主题开发流程 方式二 网站需求分析及功能设计 制作网站设计图（Design） 切图，将设计图转为静态的html文件、编写css、js 主题开发 创建 theme 文件夹 编写info文件 切图，编写*.tpl.php，添加css和js代码。 覆写核心和第三方模块的函数（写入template.php里） Drupal 主题开发流程 Drupal的主题开发流程 设计效果图（PSD） Theme开发 Drupal 主题开发流程 设计效果图（PSD） 制作静态页面（html） Theme开发 一般网站的主题开发流程 Drupal 主题概述 Drupal 常规概念 节点（node） 内容类型（content type） 分类（taxonomy） 词汇表（vocabulary） 术语（term） 菜单（menu） 区域（region） 区块（block） 模块（module） 发行版（distribution） Drupal 主题概述 Drupal 主题相关术语 模板引擎 .info 文件 template.php 模板文件（template files，*.tpl.php） 钩子（hook） 基主题（Base theme，也称为父主题） 子主题（Sub theme） Drupal主题开发介绍 模板引擎 Drupal的主题目录中也包含一个“engines”目录，其中包含一个叫做 PHPTemplate 的模板引擎。模板引擎提供了一种方式用来分离主题化输出模板文件如同原始的PHP一样简单。 PHPTemplate的优点：简化了从表现中分离逻辑。开发者即使不熟悉PHP语言，也可以编写简单的模板，因为他们都能够在主要包含标记和打印变量的模板文件下工作。 其他模板引擎：Smarty、XTemplate和PHPTal ，更多请查看： /project/project_theme_engine Drupal8 的模板引擎：Twig Drupal主题开发介绍 info 文件（1） Bartik主题目录： Drupal主题开发介绍 info 文件（2） .info文件（读作“点info文件”）包含关于你的主题的元数据，例如，主题的名字，支持Drupal的哪个版本，以及一些如样式表和主题将包括的区域等。 .info文件的命名建议：可以用英文字母、下划线、数字组成，破折号和其它特殊字符是不允许的。注意：虽然下划线是被允许的，但是通常认为最佳的做法是避免使用它们命名你的info文件。使用而不是theme_。当进行主题函数覆写时，这个名字也用于函数名字的前缀。当覆写 theme_menu_link()函数时，比如，当试图确定覆写正在被执行时，函数名 themename_menu_link() 通常比 theme_name_menu_link() 更容易阅读。 Drupal主题开发介绍 info 文件（3） Bartik 的 info 文件截图： 必要属性： name core 附加属性： description engine styleshee