Тема или шаблон сайта: почему бизнес путает эти вещи и чем это оборачивается

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

Тема отвечает за пиксели, шаблон за систему

Разведём термины, потому что дальше всё держится на этой границе.

Тема оформления отвечает за визуальный слой. В инженерии его называют токенами: основной цвет, фон, цвет текста, шрифт, радиус скругления, акцент. Тема отвечает на вопрос «как это выглядит» и не трогает структуру. Механику того, как из токенов собирается цельная страница, я разбирал отдельно; здесь важно другое.

Шаблон сайта задаёт структуру, вынесенную на уровень всего сайта: общая шапка, общий подвал, макет карточки товара, чекаут, правила для будущих страниц. Шаблон отвечает на вопрос «что это за конструкция и что она передаёт по наследству».

И вот ключ, из-за которого вся путаница: тема входит в шаблон одним из слоёв, а не стоит рядом с ним. В конструкторе, который я делаю (https://lidfly.ru/websites/ ), шаблон буквально собирается из слоёв: сама тема, общая шапка и подвал, стартовая главная, правила будущих страниц. Тема здесь только один слой из этой стопки, самый тонкий и чисто визуальный. Поэтому «поменять тему» и «поменять шаблон» работают на разной глубине. Первое красит поверхность. Второе меняет несущую конструкцию, внутри которой эта поверхность живёт.

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

Почему их всё-таки путают

Три причины, и ни одна не про глупость.

Первая: со стороны и тема, и шаблон «меняют картинку на экране». Заказчик видит результат (другой вид сайта) и не видит, на какой глубине этот вид собрался. Пока не посчитаешь, что именно поменяется вместе с этим видом, разницы нет.

Вторая: само слово «шаблон» перегружено. В быту шаблон означает болванку, рыбу, из которой лепят одноразовую заготовку. В инженерии шаблон сайта, наоборот, живой наследуемый профиль, который управляет будущими страницами. Отсюда «дайте другой шаблон» часто означает «дайте другую тему»: человек просто берёт привычное слово.

Третья: конструкторы сами подливают масла. В маркетинге «100 шаблонов на выбор» сплошь и рядом оказываются сотней тем, то есть цветовых пресетов поверх одной и той же структуры. Читатель приходит с уже перепутанными понятиями, и мы получаем их обратно в ТЗ.

Цена ошибки: это не спор о словах

Терминология была бы занудством, если бы не била по деньгам и срокам. Она бьёт сразу в трёх местах.

Стоимость правки. «Перекрасьте кнопки в синий»: смена одного токена, минуты работы. «Переверстайте карточку товара и подвал на всех страницах»: структура, часы, а иногда и передел шаблона. Если в ТЗ оба заказа названы одним словом «шаблон», вы получите либо не ту оценку, либо не тот результат, а чаще и то, и другое.

Радиус поражения и наследование. Смена темы затрагивает один визуальный слой. Смена шаблона меняет правила для всех будущих страниц сайта. И здесь спрятана самая дорогая ловушка: сменить шаблон у сайта не значит перерисовать то, что уже опубликовано. По умолчанию новый шаблон применяется к новым страницам и при следующей пересборке, а существующие остаются как были, пока их заново не перерендеришь. Заказчик думает «сменили шаблон, весь сайт обновился», открывает старые страницы, а они стоят на прежнем. Это не поломка, а нормальное наследование: сайт переодевается постепенно, а не разом. Но если не держать границу «тема/шаблон» в голове, выглядит именно как поломка.

Технический долг. Если под каждый экран лепить свою шапку «вот под этот дизайн», через полгода на сайте пять разных подвалов и ни одного источника правды. Правильно держать общую шапку и подвал переиспользуемыми, а тему крутить отдельной ручкой. Тогда редизайн сводится к смене темы, а не к археологии по пяти форкам.

Как это выглядит, когда термины разведены жёстко

Покажу на своём примере, не как на витрине, а как это устроено внутри, потому что именно устройство снимает путаницу.

У нас это две разные ручки, буквально на уровне API. Тема оформления здесь пресет: набор «цвет-шрифт-радиус», который можно взять готовым и точечно переопределить, например поменять только акцентный цвет под бренд. Шаблон сайта здесь отдельная сущность уровня всего сайта: профиль, который будущие страницы наследуют вместе с темой, шапкой, подвалом и правилами страниц. Готовых тем больше десяти, а шаблонов сайта сейчас пять: блог-медиа, магазин электроники, тёмное портфолио, сайт студии и сайт агентства.

На каждой странице есть флаг наследования, по умолчанию включённый. Включён: страница берёт тему, шапку, подвал и правила из шаблона сайта. Выключен: страница объявляется самостоятельной и живёт своим набором блоков. Это и есть два честных режима сборки: растущий сайт с общими правилами или одиночный лендинг сам по себе. Разница не в красоте, а в том, наследует страница структуру сайта или нет.

 Инструмент разводит термины по разным ручкам, но не думает за вас. Смена шаблона не перекрашивает старые страницы, так задумано, и об этом надо помнить. Тема не починит кривую структуру. Шаблон не спасёт слабый оффер.

Что с этим делать в вашем ТЗ

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

Если ответ про внешний вид (цвет, шрифт, радиус, акцент), это тема. Дёшево, обратимо, локально. Так и формулируйте, не пугая подрядчика словом «шаблон».

Если ответ про шапку, подвал, макет карточки, checkout или про то, как должны выглядеть будущие страницы, это шаблон. Дорого, влияет на весь сайт, и существующие страницы сами не переедут. Закладывайте это в оценку и сроки сразу.

Разнесите эти два слова в заказе, и половина споров с исполнителем исчезает ещё на входе, до первой строчки кода. Для одиночного лендинга обычно хватает одной темы: набор блоков плюс визуальные токены, без всякого шаблона. А как только страниц становится много и им нужны общая шапка, подвал и единые правила, пора думать про шаблон и выбирать инструмент, где тема и шаблон разведены на две разные ручки, а не свалены в общий «шаблон на выбор». Это скучное различие экономит и деньги, и нервы ровно в тот момент, когда сайт впервые придётся менять.