手机版

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文档下载到电脑,方便复制、编辑、收藏和打印
×
二维码
× 游客快捷下载通道(下载后可以自由复制和排版)
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
VIP包月下载
特价:29 元/月 原价:99元
低至 0.3 元/份 每月下载150
全站内容免费自由复制
注:下载文档有可能出现无法下载或内容有问题,请联系客服协助您处理。
× 常见问题(客服时间:周一到周五 9:30-18:00)