drupal theming must knows. kate kalashnikova
DESCRIPTION
Drupal theming must knowsTRANSCRIPT
![Page 1: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/1.jpg)
Темизация. Особенности верстки под Drupal
Kate Kalashnikova
![Page 2: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/2.jpg)
Не торопитесь начинать
➔ Ознакомьтесь с требованиями проекта
➔ Внимательно посмотрите на дизайн всех страниц
➔ Найдите схожие элементы (блоки, шрифты, формы)
![Page 3: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/3.jpg)
Выберите базовую тему
![Page 4: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/4.jpg)
Bartik
![Page 5: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/5.jpg)
Тема - набор файлов для изменения внешнего вида
сайта
Подтема - это тема, которая наследует функционал
другой темы
Custom theme or subtheme
![Page 6: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/6.jpg)
Создание собственной темы
1. Прочитайте readme темы
2. Создайте копию папки темы или подтему и поместите ее в папку sites/all/themes
3. Назовите папку именем вашей темы, а также не забудьте назвать так же .info файл и заменть название в файлах .info и template.php
![Page 7: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/7.jpg)
❏ Файл theme_name.info
❏ Файлы стилей .css
❏ Файлы шаблонов .tpl.php
❏ Файлы скриптов .js
❏ Файл template.php
❏ Images
Файлы темы
![Page 8: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/8.jpg)
![Page 9: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/9.jpg)
Полезные модули
➔ Delta https://www.drupal.org/project/delta
➔ Contexthttps://www.drupal.org/project/context
➔ Form placeholder https://www.drupal.org/project/form_placeholder
➔ Flexsliderhttps://www.drupal.org/project/flexslider
➔ Owl carouselhttps://www.drupal.org/project/owlcarousel
➔ ImageCache Actionshttps://www.drupal.org/project/imagecache_actions
➔ Superfishhttps://www.drupal.org/project/superfish
![Page 10: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/10.jpg)
- Всегда используйте для отступа два пробела. - Всегда пишите в нижнем регистре. - По возможности поясняйте свой код, где это необходимо.- Для идентификаторов и классов используйте настолько длинные имена, насколько нужно, но настолько короткие, насколько возможно. - Избегайте использования информации о версии браузеров, или CSS “хаков”— сначала попробуйте другие способы.- Используйте пробелы после двоеточий в объявлениях.- Начинайте каждый селектор или объявление с новой строки.
Общие правила оформления css файла:
![Page 11: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/11.jpg)
Logged-in Logged-out
Тестируйте
![Page 12: Drupal theming must knows. Kate Kalashnikova](https://reader036.vdocuments.us/reader036/viewer/2022062313/557f1903d8b42ad03e8b4951/html5/thumbnails/12.jpg)
Спасибо за внимание!