Изучаем, как как управлять стилями шаблона и как добавить собственный шаблон.
Конфигуратор (Customizer - кастомайзер) Warp упрощает рабочую среду и позволяет добавить новые стили без каких либо знаний CSS. Конфигуратор разделен на два раздела. Слева вертикальный блок отображает настройки шаблона, справа можно видеть выбранный шаблон. Все изменения, вносимые через конфигуратор, немедленно отображаются в окошке предварительного просмотра с правой стороны.
Для лучшей производительности, рекомендуется отключить аддоны браузера типа Firebug в Firefox.
Что такое стили?
Стиль - это набор LESS переменных, которые определяют стили шаблона.
Как создать новый стиль
- Выберите стиль в конфигураторе.
- Нажмите Копировать и введите новое название для дублирования стиля.
- Теперь можно начать конфигурировать стили шаблона.
- Как только вы будете довольны результатом настроек, нажмите Сохранить и конфигуратор сохранит LESS файлы стиля в папку
/styles/STYLE-NAME/style.less
и скомпилирует CSS файлы в папку/styles/STYLE-NAME/css
.
Для того, чтобы отменить модификацию стиля, нажмите reset для сброса изменений и отката значений до настроек шаблона по умолчанию.
Как использовать конфигуратор
По умолчанию, конфигуратор показывает только выбранное число значений. Эти значения наиболее часто используемы в шаблоне. Конфигуратор имеет несколько режимов для определения, какую часть своего шаблона вы хотите настроить.
Режим | Описание |
---|---|
Расширенный режим | Активация данного режима расширяет переменные по умолчанию к дополнительным переменным разработчика, которые редко нужно настраивать. |
Далее | В расширенном режиме вы видите кнопку (More) следом за группами, которая отображает все переменные. Символ @ указывает на переменные, определенные через другие переменные. |