Ответы пользователя по тегу HTML
  • Как вы верстаете Wordpress темы?

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

    Возможно это все не сильно правильно, но привык к такому)
    Ответ написан
    Комментировать