4. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
4
5. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
— Блоки в технологиях php, css, js
5
6. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
— Блоки в технологиях php, css, js
— Сборка блоков с помощью BEM tools
6
7. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
— Блоки в технологиях php, css, js
— Сборка блоков с помощью BEM tools
— Разворачивание css-импортов утилитой borschik
7
8. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
— Блоки в технологиях php, css, js
— Сборка блоков с помощью BEM tools
— Разворачивание css-импортов утилитой borschik
— Структурная минимизация с CSSO
8
9. Что мы будем делать
Yet another WordPress theme
— Описание страницы в формате bemjson
— Блоки в технологиях php, css, js
— Сборка блоков с помощью BEM tools
— Разворачивание css-импортов утилитой borschik
— Структурная минимизация с CSSO
— Минимизация js утилитой uglify-js
9
10. Ссылки на инструменты
Шпаргалка
http://clck.ru/L2Lh
Репозиторий
http://clck.ru/L4lR
10
11. Структура проекта
bempress/
blocks/ уровень переопределения темы
header/
footer/
pages/ уровень переопределения страниц
index/
blocks/
single/
11
12. Структура проекта
bempress/
blocks/ уровень переопределения темы
header/ технологии блока
header.css
header.js
header.php
footer/
12
13. Структура проекта
bempress/
pages/ уровень переопределения страниц
index/
blocks/ блоки уровня страниц
header/
header.css доопределение технологии блока
index.bemjson.js описание страницы
13