Drupal 7中怎样添加自定义的CSS样式

最新推荐文章于 2025-05-27 16:34:10 发布

原创最新推荐文章于 2025-05-27 16:34:10 发布 · 2.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#css #themes #variables #java #function #html

Drupal 专栏收录该内容

5 篇文章

订阅专栏

本文详细介绍了在使用Drupal7创建网站时，如何通过修改.info文件或使用外部样式表来添加和应用自定义CSS样式，以个性化网站外观。以学Java网为例，展示了实际操作步骤。

在使用Drupal 7建站时，通常我们会启用某个主题，这个主题都带有自己的很多CSS文件。但是如果我们想使用（或添加）自己定义的CSS样式，我在做“学Java网”（www.xue-java.com）时，就遇到这个问题。应该怎么办？

有两种方式。

一、修改.info文件

找到自己主题文件夹下的.info文件，通常路径是\sites\all\themes\{子主题}\{子主题}.info。在里面添加自己的样式表声明。比如，自己写了个样式文件mystyle.css，位于\sites\all\themes\{子主题}\css\mystyle.css。要添加它到我们的主题中，则在.info文件中添加即可。

......
stylesheets[all][] = css/pages.css
stylesheets[all][] = css/blocks.css
stylesheets[all][] = css/forms.css
stylesheets[all][] = css/fields.css
stylesheets[all][] = css/print.css
;下面是定义我们自己的样式文件
stylesheets[all][] = css/mystyle.css

需要注意的是：在Drupal 6中，一个名为“style.css”的样式文件会自动被应用。但是在Drupal 7中，style.css只有在.info文件中指定以后才会起作用。

二、使用外部样式表

如果想在Drupal 7中使用外部的样式表，比如在CDN的主机上的，这时就不能使用.info文件了。我们可以在template.php文件中添加样式表。 在Drupal 7中可以象下面这样修改template.php文件：

<?php
  function mytheme_preprocess_html(&$variables) {
      drupal_add_css('http://fonts.googleapis.com/css?family=News+Cycle', array('type' => 'external'));
  }
?>

注：学JAVA网，http://www.xue-java.com，是一个免费的Java和J2EE教程资源网站，教程讲解都非常通俗易懂，全部源代码自由下载。