Drupal6 pro Drupal development(专业开发指南)TheThemeSys(12)

发布时间:2021-06-06

Drupal6 pro Drupal development(专业开发指南)TheThemeSystem主题系统

</div>

<?php print $closure ?>

</body>

</html>

重新加载页面,你将发现,变量被来Drupal的内容替换了。你将注意到没有加载global.css样式表,这是因为指向该文件的路径不对。你可以手工的调整它的路径,或者你可以采用Drupal的方式来完成它,这样更加灵活并且具有其它好处。

首 先,将global.css重命名为style.css。根据规定,Drupal将自动的查找每个主题下面的style.css文件。一旦找到了这个文 件,那么Drupal会将其添加到变量$styles里面,从而被传递给page.tpl.php.让我们使用下面的信息来更新 page.tpl.php。

<html>

<head>

<title><?php print $head_title ?></title>

<?php print $styles ?>

</head>

...

保存你的修改并重新加载页面。瞧!如果你查看页面的源代码的话,你将注意到,其它启用的模块所带有的样式表也被加载了进来,这些都是通过变量$styles实现的:

<html>

<head>

<title>Example | Drupal 6</title>

<link type="text/css" rel="stylesheet" media="all"

href="modules/node/node.css?f" />

<link type="text/css" rel="stylesheet" media="all"

href="modules/system/defaults.css?f" />

<link type="text/css" rel="stylesheet" media="all"

href="modules/system/system.css?f" />

<link type="text/css" rel="stylesheet" media="all"

href="modules/system/system-menus.css?f" />

<link type="text/css" rel="stylesheet" media="all"

href="modules/user/user.css?f" />

<link type="text/css" rel="stylesheet" media="all"

href="sites/all/themes/greyscale/style.css?f" />

</head>

...

通过将你的CSS文件命名为style.css,这样Drupal就可以使用它的CSS预处理引擎来对它进行处理,以消除CSS文件中所有的空白和换行, 另外,它还将它们合并到了一起(Drupal没有使用多个样式表),作为一个文件提供给浏览器。关于这一特性的更多细节,参看第22章。

Drupal6 pro Drupal development(专业开发指南)TheThemeSys(12).doc 将本文的Word文档下载到电脑

精彩图片

热门精选

大家正在看

× 游客快捷下载通道(下载后可以自由复制和排版)

限时特价:7 元/份 原价:20元

支付方式:

开通VIP包月会员 特价:29元/月

注:下载文档有可能“只有目录或者内容不全”等情况,请下载之前注意辨别,如果您已付费且无法下载或内容有问题,请联系我们协助你处理。
微信:fanwen365 QQ:370150219