Инструменты:
- Brackets (обязательно иметь emmet, по желанию любой wordpress function helper)
- Photoshop (с плагинами css hat и png hat)
- тема Underscores. Оптимизированная мной. Сделал форк на гитхабе и добавляю туда нужные функции по необходимости. такие как custom walker styles, бредкрамбсы, подключенный бустрап, регистрация кастом стилей из папки цсс, вывод jquery в футере и т.д.
Подготовка
Разворачиваю ВП с нужными плагинами, создаю главную страницу и пару внутренних. Выставляю в настройках статическую главную.
Верстка
Png hat'ом сохраняю всю графику в папочку. Создаю в теме файл index.html из заготовки. В нем верстаю главную. Начинаю с элементов, которые будут на всех страницах (то есть в основном шапка и футер). С помощью еммета сам каркас пишеться за 10 минут (предварительно конечно, смотря на макет продумываю логику элементов, необходимые названия стилей и т.д.)
Внедрение в Вп
раскидываю код из индекс хтмл по нужным файлам. Меняю пути (если где не через цсс вставлял картинки) Код хедера вставляю в header.php, футера - в footer.php. Далее от ситуации. Либо оставшуюся часть в front-page.php(что чаще всего), либо довожу до ума page.php и уже работаю комплексно (создание слайдеров в админке, настройка ACF и contact form 7 и т.д.)
Возможно это все не сильно правильно, но привык к такому)