Темизация Drupal 7. Omega theme

Даниленко Александр

http://donetsk.drupal.ua

Темизация Drupal 7Omega theme

Что такое темизация?

• Путь джедая.• Путь воина.• Быстрый путь.

960.gs

• Колонки– Fluid + Fixed в одном флаконе– Многоколоночность– Кроссбраузерность– Размеры регионов в колонках

• 960.gs– Готовые шаблоны для большинства

популярных графических редакторов.

Пример разметки

С чего начать

• 960.gs• Drupal.org/project/omega• Drupal.org/project/omega_tools

Что такое подтема

• Подтема = Subtheme– Тонкая настройка– Включение и отключение ненужных стилей– Скрытие и отображение некоторых элементов

страницы– Изменение лого и favicon`а при помощи

загрузки файла.

Моя первая тема!

Моя первая тема!

<url>/admin/appearance

Страшно!?

Настройка темы• Fluid / Fixed / Responsible grid• Зоны• Регионы• Debugging• Библиотеки• Лишние CSS• Включение и отключение определённых

элементов, например бредкрамбы, сообщения, табы и т.д.

• Скрытие элементов через CSS

<url>/admin/appearance/settings/donetsk_camp

Секции, зоны и регионы

Секция Зона

Регион

Регион Регион

Секции, зоны и регионы

• Настройка зоны

Секции, зоны и регионы• Настройка региона

CSS`инг

• <theme_name>/css/global.css

Этапы темизации

• Нарисовать в графическом редакторе• Скачать Omega• Создать подтему• Настроить• Пару часов CSS`инга• Профит

Докладчик: Даниленко АлександрКомпания: a-web.com.uaКонтактные данные:•E-mail: danilenko@a-web.com.ua•Skype: fat763•icq: 96-383-91

Спасибо за внимание!