Разработка тем оформления WordPress любой сложности

Тема — это то, как сайт выглядит и как им управляют, а не сам сайт. Она переживает редизайн контента, переезжает на другие проекты и может существовать отдельно от них. Здесь её пишут с нуля под макет или под модель контента — либо приводят в порядок чужую, не ломая обновления.

42 проекта
на WordPress в архиве
19 лет
в разработке
Без билдера
редактор, настроенный вместо него

Суть

Тема — не сайт

  1. Что такое сайт

    Сайт — это модель контента, страницы, настройки, домен и запуск. Он привязан к одному бизнесу и к одному набору данных.

  2. Что такое тема

    Тема — слой представления: шаблоны, стили, палитра, поля, которые видит редактор. Она не знает о конкретном контенте и работает с любым, у которого та же структура.

  3. Почему это важно на практике

    Контент меняется чаще темы, а тема — чаще сайта. Разделив их, редизайн делают, не трогая данные, а вторую площадку запускают, не переписывая заново.

  4. Когда заказывают отдельно

    Есть готовый макет и нужен только код. Есть сеть сайтов на общей основе. Есть сайт, который работает, но управлять им невозможно, — и переделывать надо представление, а не содержимое.

Предмет

Что входит в работу

  1. Тема с нуля

    Без стороннего фреймворка под низом: шаблоны пишутся против модели контента, а не против демо-импорта. Родительская тема, если сайтов будет несколько, и дочерняя — если один.

  2. Дочерняя тема к чужой

    Правки к покупной или унаследованной теме выносятся в дочернюю, чтобы обновления автора не стирали работу. Это же путь спасения темы, которую уже правили в лоб: изменения находятся, переносятся, а родительская возвращается к обновляемому состоянию.

  3. Редактор и блоки

    Палитра, шкала размеров и набор блоков задаются в theme.json — редактор не может выйти за рамки дизайна, даже если захочет. Стили редактора собираются из тех же переменных, что и фронтенд, а не приближаются на глаз.

  4. Поля вместо свободного полёта

    Там, где страница должна быть устроена одинаково, редактор получает поля, а не пустой холст: заполнить можно, сломать вёрстку — нет.

  5. Скорость как следствие

    В стилях остаётся только то, что сайт действительно использует. Скорость здесь не отдельная услуга, а побочный результат того, что лишнего кода не было изначально.

Готовые темы

Почему выходит дороже

Покупная тема выглядит дешевле ровно до начала работы.

  1. Часы уходят на подгонку

    Чужой шаблон подгоняют под макет и проверяют дольше, чем пишут свой: чем сильнее макет расходится со стандартной раскладкой темы, тем больше часов уходит на борьбу с ней. Это признают производственные подрядчики, которые собирают и то и другое.

  2. Правки живут до обновления

    Изменения, внесённые прямо в тему, стираются её обновлением. Дальше выбор: не обновлять — и остаться с уязвимостями, или обновлять — и терять работу.

  3. Автор — третья сторона

    Тему могут забросить, продать или переписать. Сайт при этом ваш, а решение о его будущем — не ваше.

Иногда покупная тема — правильный ответ: сайт нужен завтра, живёт год и стандартной раскладки достаточно. Тогда честнее её и взять, а не изображать разработку.

Агентствам

Есть макет — нужен код

Студия рисует, здесь пишут код. Дизайн остаётся вашим, тема отдаётся вам вместе с репозиторием.

  1. Макет как источник правды

    Работа идёт от Figma: переменные макета становятся переменными темы, а не пересобираются на глаз. Расхождения выясняются до вёрстки, а не после сдачи клиенту.

  2. Ваш процесс, не мой

    Ветка, пул-реквест, ваш ревью — или просто архив с темой, если процесса нет. Второе не хуже, если так удобнее.

  3. Общение с клиентом ваше

    Роль здесь техническая: код, а не переписка с заказчиком, если вы этого не хотите.

Передача

Что вы получаете

  1. Код — ваш

    Исходники в вашем репозитории, права на код у вас. Смена подрядчика — смена доступа, а не переговоры.

  2. Тему подхватит другой

    Стандарты кода WordPress, понятные имена шаблонов, никаких самодельных механизмов там, где есть штатные. Проверка простая: следующий разработчик разбирается в теме сам, не звоня автору.

  3. Документация

    README со сборкой и структурой, описание переменных и точек расширения — чтобы менять тему можно было осознанно, а не наугад.

  4. Гарантийные исправления

    Ошибки, найденные в течение месяца после сдачи, исправляются бесплатно. Дальше — по обращениям.

Цена

Из чего складывается

  1. Оценка по объёму

    Считается не календарь, а объём: сколько шаблонов, сколько типов записей, сколько блоков и полей. Описали объём — получили цену и срок, оба фиксируются.

  2. Что влияет

    Число уникальных страниц против повторяющихся, глубина настройки редактора, работа с чужим кодом. Дочерняя тема к аккуратной покупной дешевле темы с нуля; дочерняя к правленной в лоб — не всегда.

  3. После запуска

    Гарантийное окно — бесплатно. Дальше по обращениям: задача, оценка, работа. Абонемента нет.

Вопросы

Перед обращением

Сайт — это ещё и модель контента, наполнение, настройка и запуск. Тема — только слой представления. Если нужен сайт целиком, это разработки на WordPress; если нужен код по готовому макету или порядок в существующем оформлении — эта страница.

Ваша. Исходники в вашем репозитории, использовать и дорабатывать можно без ограничений и без меня.

Да, это критерий приёмки, а не пожелание: штатные механизмы WordPress вместо самодельных, понятная структура, README. Тема, которую понимает только автор, — недоделанная тема.

Меняется представление, данные остаются. Именно ради этого шаблоны пишутся против модели контента, а не против конкретных страниц.

Сначала найти правки и вынести их в дочернюю, вернув родительскую к обновляемому состоянию. После этого становится видно, сколько там осталось чужого шаблона и есть ли смысл его держать.

По умолчанию да — палитра, шкала и блоки задаются в theme.json. Классическая тема делается там, где к ней привязано существующее решение; выбор фиксируется в ТЗ, а не по умолчанию.

Да, это обычный случай. Переменные макета становятся переменными темы; расхождения в макете выясняются до вёрстки.

По объёму: число шаблонов, типов записей и блоков. Описали объём — цена и срок названы и зафиксированы.

Рядом

Какая страница вам нужна

  1. Разработка на WordPress

    Сайт целиком: модель контента, страницы, редактор и запуск. Отсюда начинают, когда не хватает сайта, а не его части.

  2. Плагины WordPress

    Всё, что не относится к представлению: типы записей, интеграции, экраны админки, расширения WooCommerce и блоки Gutenberg.

Старт

Заполнить бриф

Пришлите макет или адрес сайта, который надо привести в порядок. В ответ — вопросы по объёму, оценка и срок.

    Отправляя форму, вы соглашаетесь на хранение ваших данных и ответ на обращение. Ничего сверх этого — см. политика конфиденциальности.