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