Как грамотно сверстать сайт у которого несколько тем?

Существует дизайн сайта, который представляет собой некий конструктор. Сайт должен иметь различные темы их около 16. В зависимости от выбранной темы может меняться не только цветовая гамма, но и сама структура блока. Ко всему каждый элемент имеет несколько видов, к примеру шапка имеет 5 вариаций, а некоторые блоки и по 12. Вопрос в том какой подход необходим при верстке такого рода сайтов ?
  • Вопрос задан
  • 627 просмотров
Пригласить эксперта
Ответы на вопрос 4
Ankhena
@Ankhena Куратор тега Вёрстка
Нежно люблю верстку
БЭМ
flex order
Остальное можно сказать только видя эти вариации.
Ответ написан
Комментировать
ArsenyMatytsyn
@ArsenyMatytsyn
Руководитель frontend направления, предприниматель
Использовать flex order если это возможно, чтобы не переверстывать сайт.
А вообще я для такого использую gulp. Настраиваешь условия в конфигурации, в зависимости от этого собираешь, что надо. Запускать такую радость можно в консоли примерно так gulp --project=red
Ответ написан
Комментировать
Можно выкрутиться с order и css переменными, но в будущем с поддержкой будет тяжеловато. Верстать разные версии и подключать нужный css. В плане масштабирования такой подход решает.
Ответ написан
Комментировать
@djay
Не усложняй работу. Можешь сделать костылями, как в указанных ответах, но тем самым усложнишь в разы поддержку, читабельность и дальнейшее сопровождение. Делай разные темы. А расшаренные правила стилей подключи в один обший CSS-файл.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы