You are here

实例:修改drupal Garland主题

g089h515r806 的头像
Submitted by g089h515r806 on 星期二, 2008-09-16 13:58

Steven Wittens写了一篇非常有名的文章“集成Color.module”,但是它对于许多Drupal开发者来说,有点抽象。所以,我想写点更具体的。

我还打算使用“主题化概述”里面的经常被忽视的一些信息,从而使升级更加容易一些。

 

创建你自己的drupal主题

现在,首先我不是一名drupal主题开发者。有很多人专注于drupal主题开发,但是我不行。我也只能拿着别人的东西修修补补。自己不能独立的创建自己的主题。

如果你和我一样的话,不要灰心。这里所讲的非常简单,至少相对简单。

首先,你可以直接在核心的"theme"文件夹下进行修改,但是这种方式不好,因为升级的时候会用到核心主题的,而drupal升级是经常性的,因为新版本在不断的发布,如果能不修改内核的话,就不修改内核。

 

所以,让我们先把核心主题拷贝到你的"sites/default/themes"或者"sites/all/themes"(取决于支持的站点数量)。这样你就有了核心主题的一个拷贝。

现在,你准备好创建一个自定义主题了么?这一技术同样适用于第3方主题,但是我们这里以Garland为例。

 

打开你的"sites/default/themes/garland"文件夹。在里面创建一个子文件夹。为你的新主题起个名字,比如让我们把它叫做"nancy"。

将"sites/default/themes/garland"文件夹下面的"screenshot.png" 和"styles.css"拷贝到"nancy"文件夹下。现在查看你的主题配置页面,现在就多出来了一个新主题"nancy"。漂亮吧?

 

为了修改Garland主题的颜色,你还需要将"color" 和"images"文件夹拷贝到你新主题文件夹下。

现在,你就可以放心的在这里进行修改了,这样就不用担心升级问题了。

 

提示:如果你的模块包含自己的CSS文件的话。不要直接修改这些CSS文件(因为模块的升级更加频繁)。你可以在你主题下面对模块样式进行覆写。

 

让它完全成为你的drupal主题

现在,让我们做一些更大的改动。我想逐步的来完成这一修改,每一步都可以产生显著的效果,这样你就可以跟着我学习了。

 

Garland的"style.css"(你拷贝的)里面包含了一个注释“Color Picker: don't touch”(颜色选择器:不要碰它)。找到这行,换行,在这里你将放置自己的改动。我建议你首先输入下面的内容:

/**************************************/
/***   My new stuff and overrides   ***/
/**************************************/

 

还记得吧,Wittens先生曾说过第一个颜色方案是个参考颜色集。在一个基本安装中,这意味着是"Blue Lagoon"颜色集。它们的颜色为:

Name

Color

Base

#0072b9

Link

#027ac6

Header Top

#2385c2

Header Bottom

#5ab5ee

Text

#494949

这意味着,如果你有了新的选择的话,"color picker"(颜色选择器)将会使用它来替换这5个值。注意:我不知道这是不是一个bug,但是根据我的经验,你实际上用不到这个“基”颜色集(参看,在生成的样式表中删除基颜色)。

相关链接: http://drupal.org/node/196007 , Think in Drupal

Drupal版本: