Drupal7学习笔记之Theme感觉非常好转来共享啊！

 

模板语言和主题引擎

用Drupal的行话来说，主题就是一组负责你站点外观的文件。你可以从http://drupal.org/project/Themes下载第3方主题，或者你可以自己动手创建一个主题，后者正是你在本章将要学习的。作为一个web设计者，主题由你所熟悉的大部分内容所组成：样式表，图片，JavaScript文件，等等。你将发现，在Drupal主题和纯HTML站点之间的区别就是模板文件。这些文件一般都包含大段的静态HTML，和一些小段的用来插入动态内容的代码。它们负责你站点的一个特定部分的外观。模板文件的语法依赖于它所使用的主题引擎。例如，列表8-1，8-2，8-3列出了3个模板文件的代码片段，它们输出的内容是一样但是包含的模板文件内容却完全不同。

构建一个PHPTemplate主题

创建一个主题，可以有多种方式，这取决于你的起始材料。假定你的设计者已经为你的站点提供了HTML和CSS文件。那么将设计者的设计转化为一个Drupal主题，到底难不难呢？它实际上不是很难，而且你能够轻易的完成工作的80%。不过还有20%—最后的难点了—它是 Drupal主题制作高手与新手的分水岭。首先让我们从简单的部分开始。这里有个概括：

• 为站点创建或修改HTML文件
• 为站点创建或修改CSS文件
• 创建一个.info文件，来向Drupal描述你的新主题。
• 按照Drupal的标准为文件命名。
• 在你的模板中，插入可用的变量。
• 为单独的节点类型，区块，等等创建模板文件。

每个theme至少包含一个描述文件.info，其它如果没有则使用系统默认文件。主要包括模板文件，CSS文件等。

理解Drupal自带模板文件

template.php

每个theme都可以包含一个template.php文件，用来包含逻辑代码，这个文件Drupal会自动载入的，我认为这个文件相对于Drupal模块的.module文件一样。其实一个theme和一个module非常相似，例如.info文件的写法以及template文件和.module文件的写法非常相似。

所以我可以在template.php文件里，我们可以实现hook_theme等，此时你就认为theme是一个module好了。

theme机制介绍

当Drupal想要为一个可主题化的项目（比如节点，区块，面包屑，评论，或者用户签名）生成一些HTML输出时，它将查找用来为该项目生成HTML的主题函数或者模板文件。Drupal的所有部分，基本上都是可主题化的，这意味着，对于为该项目实际生成的HTML，你可以进行覆写。

Drupal的主题系统背后的核心哲理和钩子系统的类似。通过遵循命名规范，就可以标识出哪些函数是主题相关的函数，它们负责格式化并返回你站点的内容，或者使用模板文件负责输出HTML内容。

因此我们要输出内容时一定要用theme机制实现，方便维护扩展，实现一个theme输出主要有以下几个步骤：

• 实现hook_theme()，目的是注册我们的theme，会被写入theme注册表，当调用theme(‘themename’)时会去theme注册表查找该theme。
• 使用函数或模板输出内容。函数以theme_开头，例如theme_breakcrumb()。如果是模板文件则以.tpl.php结尾。
• 实现hook_preprocess_HOOK来为我们的输出theme输出准备变量，这步不是必须的。
• 其它开发人员如果要覆盖你的输出，则在他们的theme中按照一定的规则来覆盖。

下面将详细介绍整个过程，我们假定创建了helloTheme的theme，以及helloModule的module，用于展示我们的代码。

theme_hook介绍

theme_hook通常在module中实现，事实上我们也可以在theme实现theme_hook，例如helloTheme_theme()。因为我们之前说过一个theme某种程度上来说就是一个module。

        function helloModule_theme() {
          return array(
            //theme_function的写法
            'hello' => array(
              'variables' => array('abc' => NULL),
            ),

            //模板文件的写法
            'test' => array(
              'variables' => array('abc' => NULL),
              'template' => 'test',
            ),
         );
        }

theme_hook在Drupal6和Drupal7中写法是有点区别的，例如Drupal7中使用variables来传递变量，每个theme函数都会有个$variable参数。而Drupal6是用arguments。另外Drupal7中还引入了render element的写法，具体见hook_theme

Drupal自带的每个module基本上都实现了hook_theme，Drupal的核心theme的定义是在System模块里的system_theme中实现的，里面调用了drupal_common_theme()函数来定义Drupal的核心theme，比如breadcrumb, table等。

theme函数输出

函数以theme_开头，加上我们注册的theme名称，例如我们上面注册了hello的theme，则该theme函数的函数名为theme_hello()。我们通过theme(‘hello’, array(‘abc’ => ‘Hello’))来调用我们的theme函数，abc这个参数可以通过$variable来获取。Drupal会为每个theme函数传递一个数组进来的，里面包含了所有的变量。

        function theme_hello($variables) {
          return "You say " . $variable['abc'];
        }

是选择theme函数还是theme模板输出，取决于你侧重点。theme函数性能较好，执行较快，但是对于前端开发人员不友好，需要去理解PHP相关知识，而theme模板输出对前端开发人员较友好，但是性能很差。

Drupal核心的theme函数都在includes/theme.inc中定义，比如theme_breadcrumb(), theme_table等。

theme模板输出

根据theme_hook里定义的模板文件名，我们需要在我们的module目录下面创建一个test.tpl.php，在模板文件里，我们可以直接通过$variables来获取我们传进去的参数，如$variables['abc']，同时Drupal会把参数直接转换成变量，因此我们也可以直接访问$abc。

        <h2>You say <?php print $abc; ?></h2>

Drupal中核心的模板文件都在各自的module目录下面，比如html.tpl.php, page.tpl.php都在system模块下面，而node.tpl.php在node目录下面。

为输出准备变量hook_preprocess_HOOK

通常我们在输出时用到的数据都是调用时直接作为参数传进去，例如theme(‘hello’, array(‘abc’ => ‘Hello’))，但是以下情形时我们可以调用预处理函数来准备变量：

• 我们需要非常多的小的变量，如果通过参数传递会太长，因此可以在预处理函数里进行预处理，将一个大的参数拆分成许多小的变量，典型的例子是node模块为node.tpl.php准备变量，参考node.module中的template_preprocess_node()函数。
• 我们扩展别人的theme输出，或者不确定我们的参数时，我们可以在预处理函数来处理这些变量。

hook_preprocess_HOOK中的hook是指module名称或theme名称，HOOK是指我们定义的theme的名称，比如helloModule_preprocess_hello()，预处理函数会被自动调用，我们只需要按照命名规则书写就可以了。

我们以page.tpl.php为例来看看预处理函数是怎么工作的。在includes/theme.inc中有个template_preprocess_page用来给page.tpl.php准备各种变量，如果对page.tpl.php熟悉的话，应该知道page.tpl.php中有好多变量是可以直接使用的，比如$logo, $tabs, $language等，都是在这里预定义的，在theme函数里，可以通过$variables['logo']来访问，而在模板文件中，Drupal会把这些变量转换成直接变量，比如logo，我们既可以通过$variables['logo']来访问，也可以通过$logo来访问。

theme输出的覆盖

使用theme机制输出的最大好处就是我们可以用自己的theme输出来覆盖别人的theme输出，从而达到扩展的目的。以上面定义的hello为例，会按照以下的优先级来执行：

        helloTheme_hello()
        sites/all/themes/helloTheme/hello.tpl.php
        theme_hello()

phptemplate_hello()这种写法在Drupal7中已经被取消了，就是在Drupal7的theme中，所有的前缀必须是themeName + “_”，例如galand_, helloTheme_等。

覆写theme的常见做法就是在自己的theme目录下建tpl模板文件或在temmplate.php中创建theme函数。对于tpl模板文件，同样的文件在theme目录下优先级是更高的，比如我们覆盖node.tpl.php。

hook_preprocess_HOOK的覆写

我们前面说过hook_preprocess_HOOK是用来给theme函数或模板准备变量的，但是它也是有好多写法，有不同的执行顺序的，

        template_preprocess()
        template_preprocess_hello()
        helloModule_preprocess()
        helloModule_preprocess_hello()
        phptemplate_preprocess()
        phptemplate_preprocess_hello()
        helloTheme_preprocess()
        helloTheme_preprocess_hello()
        template_process()

上面提到的所有函数是从一个到最后一个顺序执行的，就是说，如果上面的函数都存在，就会都执行一遍，如果他们提供了同名的变量，则后面的覆盖前面的。这个和theme输出是不一样的，theme输出只会执行优先级最高的那个。

这里还是以template_preprocess_page为例，这里会先执行template_preprocess_page()，然后在执行template_process()，如果我们在theme里定义了helloTheme_preprocess_page()，则会在template_process()之前执行。

Drupal中模板文件命名规则

上面说过，theme下面的同名模板文件比module下面的优先级高，比如helloTheme/node.tpl.php就比node/node.tpl.php优先级高，但是模板文件还可以根据命名的规则来确定优先级：

1、block–[region[module--delta]].tpl.php

基于主题文件: block.tpl.php

block–module–delta.tpl.php

block–module.tpl.php

block–region.tpl.php

2、comment–[node-type].tpl.php

基于主题文件: comment.tpl.php

3、comment-wrapper–[node-type].tpl.php

基于主题文件: comment-wrapper.tpl.php

4、forums–[[containertopic]–forumID].tpl.php

基于主题文件: forums.tpl.php

For forum containers:

forums–containers–forumID.tpl.php

forums–forumID.tpl.php

forums–containers.tpl.php

For forum topics:

forums–topics–forumID.tpl.php

forums–forumID.tpl.php

forums–topics.tpl.php

5、maintenance-page–[offline].tpl.php

基于主题文件: maintenance-page.tpl.php

6、node–[typenodeid].tpl.php

基于主题文件: node.tpl.php

node–nodeid.tpl.php

node–type.tpl.php

node.tpl.php

7、page–[frontinternal/path].tpl.php

基于主题文件: page.tpl.php

page–node–edit.tpl.php

page–node–1.tpl.php

page–node.tpl.php

page.tpl.php

page.tpl.php (this is always a suggestion)

page–node.tpl.php (and prefix is set to page__node)

page–node–%.tpl.php

page–node–1.tpl.php (prefix is not changed because the component is a number)

page–node–edit.tpl.php (and prefix is set to page__node__edit)

page–front.tpl.php (but only if node/1/edit is the front page)

8、poll-results–[block].tpl.php

基于主题文件: poll-results.tpl.php

9、poll-vote–[block].tpl.php

基于主题文件: poll-vote.tpl.php

10、poll-bar–[block].tpl.php

基于主题文件: poll-bar.tpl.php

11、profile-wrapper–[field].tpl.php

基于主题文件: profile-wrapper.tpl.php

12、search-results–[searchType].tpl.php

基于主题文件: search-results.tpl.php

13、search-result–[searchType].tpl.php

基于主题文件: search-result.tpl.php

Theme的调试输出

• render(), hide()函数,这两个函数是Drupal7新加的，便于可使节点的打印输出更精细，render()用来构造内容，比如print render($page['highlighted']);，因为Drupal对构造过的内容会做标识，下次不会再次构造，因此hide()就是把标识去掉，可以接着render了。
• Devel是个强大的Drupal开发工具，主题开发者模块是依赖于Devel的一个模块，能够让你指定一个页面元素，来查看生成该元素所用到的模板文件和主题函数，以及对于该元素都有哪些变量（和它们的值）可用。