Drupal theming must knows

1. Темизация. Особенности верстки под
Drupal
Kate Kalashnikova

2. Не торопитесь начинать
➔ Ознакомьтесь с
требованиями проекта
➔ Внимательно
посмотрите на дизайн
всех страниц
➔ Найдите схожие
элементы (блоки,
шрифты, формы)

3. Выберите базовую тему

4. Bartik

5. Custom theme or subtheme
Тема - набор файлов для изменения внешнего вида
сайта
Подтема - это тема, которая наследует функционал
другой темы

6. Создание собственной темы
1. Прочитайте readme темы
2. Создайте копию папки темы или подтему и
поместите ее в папку sites/all/themes
3. Назовите папку именем вашей темы, а также не
забудьте назвать так же .info файл и заменть
название в файлах .info и template.php

7. Файлы темы
❏ Файл theme_name.info
❏ Файлы стилей .css
❏ Файлы шаблонов .tpl.php
❏ Файлы скриптов .js
❏ Файл template.php
❏ Images

9. Полезные модули
➔ Delta
https://www.drupal.org/project/delta
➔ Context
https://www.drupal.org/project/context
➔ Form placeholder https://www.drupal.
org/project/form_placeholder
➔ Flexslider
https://www.drupal.org/project/flexslider
➔ Owl carousel
https://www.drupal.org/project/owlcarousel
➔ ImageCache Actions
https://www.drupal.org/project/imagecache_actions
➔ Superfish
https://www.drupal.org/project/superfish

10. Общие правила оформления css файла:
- Всегда используйте для
отступа два пробела.
- Всегда пишите в нижнем
регистре.
- По возможности поясняйте
свой код, где это
необходимо.
- Для идентификаторов и
классов используйте
настолько длинные имена,
насколько нужно, но
настолько короткие,
насколько возможно.
- Избегайте использования
информации о версии
браузеров, или CSS “хаков”
— сначала попробуйте
другие способы.
- Используйте пробелы
после двоеточий в
объявлениях.
- Начинайте каждый
селектор или объявление с
новой строки.

11. Тестируйте
Logged-in Logged-out

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