Создание нового стиля шаблона

Допустим, он будет называться fresh. Для этого мы должны создать папку для нового стиля /styles/fresh. Вот и все! Мы создали новый стиль, который выглядит также как и основной стиль шаблона.

Добавление собственного макета разметки

Вы можете переопределять файл основного макета /layouts/template.php, если создадите новый файл макета по пути /styles/fresh/layouts/template.php. Теперь вы можете начать настраивать его.

Добавление собственного CSS

Затем вы можете добавить собственный CSS файл /css/layout.css, простым копированием его в /styles/fresh/css/layout.css. Стиль fresh теперь будет загружать собственные таблицы стилей. Но что, если вы хотите произвести только малеьнкие изменения? Например, вы захотели изменить один цвет. И вы должны скопировать целый CSS файл из основного шаблона? Нет, просто импортируйте файл /css/layout.css используя css-код @import url(../../../css/layout.css); и введите ваши изменения. Вы имеете полный контроль над активным CSS, который вы хотели бы включить из основного шаблона, из ядра фреймворка или не из одного.

Важно: Если вы копируете файл /css/layout.css в ваш пользовательский стиль, убедитесь в корректности пути импорта в верху файла.

@import url(../../../warp/css/layout.css);

Полезные источники для переопределения

Таким образом, вы можете наследовать или переопределять любой ресурс, например, Таблицы стилей, модули JavaScript или файлы системной разметки. Папки стиля могут содержать:

• /styles/fresh/layouts/ (Файлы шаблона, HTML, PHP)
• /styles/fresh/images/ (Изображения)
• /styles/fresh/css/ (CSS файлы)
• /styles/fresh/js/ (JavaScript файлы)

Созданный стиль должен быть доступен в настройках шаблона.