Главная › Новости

Правильное добавление CSS в темы Drupal 7

Опубликовано: 09.06.2017

Drupal Tutorial - Using Images in Nodes

Казалось бы — банальный вопрос «Как добавить CSS в тему Drupal», однако многих он ставит в тупик. Поскольку желательно делать это не прост так, чтобы работала, а еще и правильно. То есть согласно стандартам кодирования Drupal.

Собственно есть два способа правильного добавления есть два самых распространенных стандартных способа: добавление CSS в тему через .info файл, или же добавление с помощью функции drupal_add_css(). Функция drupal_add_css() подробно описана в API Drupal и, как правило, используется если нам необходимо не просто добавить CSS в тему а сделать это с определенными условиями, например применить условные комментарии для Internet Explore. Ниже мы детально рассмотрим оба способа.

Twig Theming #1 : Setup, Template Files, Bootstrap (Twig Tutorial #1)

Использование .info файла для добавления CSS

Это самый простой способ — все, что вам нужно сделать, это объявить стили и путь к ним относительно вашей темы, и все готово. Вы можете также объявить тип носителя, например, print, screen или all. В примере ниже CSS будут запрошены из базового каталога темы, если же вам нужно использовать вложенные каталоги, то просто укажите путь относительно базового каталога темы.

Drupal 8 : Structure dossier theme

stylesheets [all ] [ ] = all .css stylesheets [screen ] [ ] = screen .css stylesheets [ print ] [ ] = print . css

stylesheets[all][] = all.css stylesheets[screen][] = screen.css stylesheets[print][] = print.css

Добавляем CSS в тему с использованием drupal_add_css()

Для того чтобы использовать функцию drupal_add_css() вам нужно иметь некоторые знания PHP. Однако только эта функция позволит добавить вам CSS в тему с применением определенных условий. Все тонкости использования этой функции вы можете изучить в документации . А ниже мы рассмотрим базовые приемы использования этой функции для добавления CSS в тему Drupal 7.