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

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

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

Drupal Bootstrap - 33 - BONUS: Changing Template Variable Assignment II - Column Reordering

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


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


Multi-Level Drop Down Navigation Menu Using HTML5 & CSS3 | Web Design Tutorial

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

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


Waterwheel: the Drupal SDK for JavaScript Developers [August 10, 2016]

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.

rss