Adding a class to "body"_问答_开发者_运维开发者技术经验分享

开发者 https://www.devze.com 2023-04-11 22:06 出处：网络

How can I modify or pre-process the <body> tag to开发者_如何学运维 add the class body? I don\'t want to create a whole html.tpl.php just to add a class.In your theme\'s template.php file use the

How can I modify or pre-process the <body> tag to开发者_如何学运维 add the class body? I don't want to create a whole html.tpl.php just to add a class.

In your theme's template.php file use the preprocess_html hook:

function mytheme_preprocess_html(&$vars) {
  $vars['classes_array'][] = 'new-class';
}

Remember to clear the caches once you've implemented the hook or Drupal won't pick it up.

The documentation for the html.tpl.php template documents the $classes variables as String of classes that can be used to style contextually through CSS.. If you look at the code for the template, this variable is used in the class attributes of the produced body element:

<body class="<?php print $classes; ?>" <?php print $attributes;?>>

The $classes variables is actually already set by template_process() for any template file and build from the content of the $classes_array variable.

So to add a class to the body of your page, you should add this class to the $classes_array value from your theme (or module)'s implementation of hook_preprocess_html():

function THEME_preprocess_html(&$variables) {
  $variables['classes_array'][] = 'new-class';
}

Since this is the core defined template and process function, any well-behaving theme should re-use the same variables.

I had to use different array keys in the same hook to make it work:

function THEME_preprocess_html(&$vars) {
  $vars['attributes_array']['class'][] = 'foo2';
}

The Context module allows you to add a class to the body tag as well.

This can be useful if you need the class to be added under certain conditions.

You find this options under the reaction "Theme HTML" :

Adding a class to "body"

The answer appears to depend on context. Here's what I've found via trial-and-error:

If your hook_preprocess_html() is in a module, use $vars['classes_array'][].

If it's in a theme, use $vars['attributes_array']['class'][].

Common Body Class module provide users to add classes to any page through the an interface. The interface has options to select multiple user roles as well as pages where the class can be rendered.

Adding a class to "body"

I applied this technique on a site that someone else built. It didn't work at first but then dug deeper and found that the $classes variable was not being output in the tpl file. So if it's not working, check that.

For Drupal 7 install http://drupal.org/project/body_class. It will help you to add seperate classes for each node in body tag

You can check "https://www.drupal.org/project/page_specific_class" to add class to body tag of any page

It's a simple way to add a class based on the URL, Drupal 9. No need to enable the Modules.

/**
 * Implements hook_preprocess_html().
 */
function THEME_NAME_preprocess_html(&$variables) {
  // Get the current path
  $current_path = \Drupal::service('path.current')->getPath();
  $internal_path = \Drupal::service('path_alias.manager')->getAliasByPath($current_path);

  // Assign it to body class 
  $variables['attributes']['class'][] = str_replace("/", "", $internal_path);
}

Refer: http://www.thirstysix.com/how-can-i-add-body-class-based-path-page-specific-class-drupal-9