Это как

Перепишите название классов

Цель я так понимаю уменьшение html файла?

ну и css тоже. не в ручную не варик)

Зачем?

Вес меньше станет хоть немного + отпадает возможность попасть селектором в какой нить blacklist от AdBlock. Ну и вообще если можно, то почему нет ?) хуже же не станет

да видел я пакеты для этого, вопрос как это организовать всё

было бы прикольно если бы кто то написал стартеркит для разработки темы, со следующим функционалом:
например создаётся тема mytheme-dev, в беке активируется тема mytheme, разработка будет вестись в mytheme-dev всё это синкается с mytheme и devserver проксируется. надо сделать 2-х сторонюю синхронизацию, что бы при изменении из админки ini и php секций в htm файлах они синкались с дев версией. что это даст ? появится возможность использовать html-loader, версионность файлов из коробки (не надо будет подключать css и js php функцией например mix() или стандартной от октября), куча других фишек например подключение файлов в html типа <div class="logo"><img inline src="/assets/img/logo.svg"></div>, та же минификация class names, по желанию можно будет разбить htm файл на части например page.htm page.php page.ini, будет нормальная работа с ide и тд.  или фигня идея ?

Такая себе идея

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

Так проксирование и синк исходников в тему и сейчас работает через вебпак.
А делать это же через админку паршивая идея.

Так же наличие пхп файлов в теме тоже не очень идея. Будет мешанина не нужная. Тема только представление под твигом, изредка блейдом.

Включаемые области есть по умолчанию partial’ы.

как мне например сделать такое в шаблоне ? тут типа получается работаешь с дев версией как с оригинальной, а в активированую уже типа вставится svg

ну ок, это всё понятно классы минифицируются в css. а что с шаблонами .htm?

А что с ними должно быть?

Они создаются в папке темы

при разработке должно быть:
<div class="article">
<div class="article__title">{{ title }}</div>
</div>

.article {
   background-color: gray;
}

.article__title {
font-size: 28px;
}

в проде:
<div class="a">
   <div class="b">{{ title }}</div>
</div>

.a {
background-color: gray;
}

.b {
font-size: 28px;
}

Чет какие то лишение заморочки