Question

基于drupal 7的网站有一个自定义主页。目前，整个drupal网站都有一个名为

的CSS

的style.css

。我已经为主页写了一个新的CSS。作为drupal的新手，我不知道如何指定主页使用自定义css。如何使用<link rel....>类的东西？

谢谢

Answer 1

我不认为这是要走的路。

如果您自定义了主页，则可以添加一个包含特定于主页的类的包装器。

然后，您可以使用style.css文件定位该类，并将特定样式应用于主页。

此致 dimitril

Answer 2

不确定为什么要这样做而不只是使用不同的类，但如果你真的需要，可以在主题中添加template.php文件。在那里使用hook_preprocess_page根据主页添加新的样式表。将YOUR_THEME更改为您的主题名称。

function YOUR_THEME_preprocess_page(&$variables) {
    $homepage_id = YOUR HOMEPAGE NODE ID;   
    if (isset($variables['node'])) {
        if ($variables['node']->nid == $homepage_id){
        drupal_add_css(path_to_theme() . '/css/homepage.css');
        }
    }
}

Answer 3

大多数主题都在body标签中内置了类，以指定“is front”。也就是说，正确的方法是在主题文件夹中打开template.php并添加以下代码：

function YOURTHEME_preprocess_node(&$variables) {
  $node = $variables['node'];

    if (drupal_is_front_page()) { 

        drupal_add_css(drupal_get_path('theme', 'YOURTHEME').'/css/homepage.css', 'theme'); 

    } 
}

您将使用主题名称替换YOURTHEME。

Answer 4

使用CSS标签 .front 仅将Drupal 7中的主页作为目标。

此示例仅将主页上的侧边栏作为目标：

.front .region-sidebar-second{
    background-color: #E9EDF2;
}

如何在drupal中调用主页的CSS？

4 个答案: