cоздание темы с нуля. Артём Шимко
TRANSCRIPT
![Page 1: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/1.jpg)
Создание темы «с нуля»
Артём Шимко
http://donetsk.drupal.ua
![Page 3: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/3.jpg)
Как хотелось бы?Как хотелось бы?1. Структура и цель сайта 2. Wireframes3. Mockups (скетчи, наброски)4. «Готовый» дизайн5. Верстка6. Пот7. Drupal тема
![Page 4: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/4.jpg)
Структура и цель сайтаСтруктура и цель сайта
![Page 5: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/5.jpg)
По плануПо плану
Дизайн
Базовая тема
![Page 6: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/6.jpg)
Как обычноКак обычно
Дизайн Идеи клиента, ограничения в
разработки, баги в стилях, наложения
CSS, проблемы с кроссбраузерностью
Базовая тема
![Page 7: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/7.jpg)
![Page 8: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/8.jpg)
Время, Ресурсы, Затраты
NO!
Утопия?
Нервы, Больничные, Слезы
![Page 9: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/9.jpg)
Время задуматься.Время задуматься.
![Page 10: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/10.jpg)
Возможные пути:Возможные пути:
- Тема on fly- HTML для темы
![Page 11: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/11.jpg)
ИнструментарийИнструментарий• Views http://drupal.org/project/views• Semantic Views http://drupal.org/project/semanticviews
• Context http://drupal.org/project/context• Panels http://drupal.org/project/panels• Display Suite http://drupal.org/project/ds
• Block theme http://drupal.org/project/blocktheme• Block class http://drupal.org/project/block_class
![Page 12: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/12.jpg)
WireframesWireframes
![Page 13: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/13.jpg)
Mockups -> Mockups -> Готовый дизайнГотовый дизайн
![Page 14: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/14.jpg)
Сборка Сборка Layout`Layout`аабазовая темабазовая тема
![Page 15: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/15.jpg)
Сборка Сборка Layout`Layout`аафункциональностьфункциональность
![Page 16: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/16.jpg)
Сборка Сборка Layout`Layout`а а ViewsViewsфункциональностьфункциональность
Использование Semantic Views или Views 3
![Page 17: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/17.jpg)
Тема Тема on flyon fly
Все действия происходят сразу в теме: верстка, кросс-браузерное тестирование, прочее
![Page 18: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/18.jpg)
HTML HTML для темыдля темы
1. Создается HTML
2. Верстка тестируется
3. Тема создается на базе HTML
![Page 19: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/19.jpg)
• Сначала делается верстка, после из нее создается тема
• Верстка налаживает “ограничения” на процесс разработки
• Верстка стабильна(но могут быть различия с темой)
• Разработка и тематизация происходят параллельно
• Тема зависит от процесса разработки(иногда наоборот)
• Нет стабильной версии готовой темы
On Fly HTML
![Page 20: Cоздание темы с нуля. Артём Шимко](https://reader035.vdocuments.mx/reader035/viewer/2022062513/554bce4db4c905ac708b481c/html5/thumbnails/20.jpg)
КонтактыКонтакты
Artem cross Shymko Drupal: http://drupal.org/user/432492
Email: [email protected]: artemshymko