在Drupal 8的标头区域添加自定义类

您已经在输出中拥有了所需的一切。

多条路通罗马

如果themes/marineat您是以主题为基础，则只需将其复制themes/marinenat/templates/layout/region--header.html.twig到子主题的themes/MYSUBTHEME/templates目录中并编辑此文件。刷新缓存。做完了

如果themes/marinenat是自定义子主题，则只需编辑建议的模板文件/themes/marinenat/templates/layout/region--header.html.twig/并在其中添加类。刷新缓存。做完了

最后但并非最不重要的一点是，您还可以通过MYSUBTHEME.theme文件或任何MYMODULE.module文件的预处理功能将类添加到区域。

/**
 * Implements template_preprocess_region().
 */
function MYTHEME/MYMODULE_preprocess_region(&$variables) {

  if (isset($variables['region']) && $variables['region'] == 'header') {
    $variables['attributes']['class'][] = 'MYCLASS';
  }
}

如何将字符串从PHP传递到Twig

/**
 * Implements template_preprocess_region().
 */
function MYTHEME/MYMODULE_preprocess_region(&$variables) {

  $variables['foo'] = FALSE;

  if (isset($variables['region']) && $variables['region'] == 'header') {       

    // Get the current node.
    $node = \Drupal::routeMatch()->getParameter('node');

    if ($node instanceof \Drupal\node\NodeInterface) {

      // Get the node type.
      $node_type = $node->bundle();

      // Do what ever else you need to do to retrieve your class dynamically.
      $variables['foo'] = $node_type;
    }
  }
}

然后在您的region--header.html.twigTwig文件中是：

{% if foo %}
  <div class="nav {{ foo }}">
    {{ content }}
  </div>
{% endif %}