Как создать собственный стиль

Давайте создадим собственный стиль с названием fresh. Сначала вам понадобится создать директорию для нового стиля /styles/fresh. Новый стиль будет выглядеть точно так же, как и стиль по умолчанию default.

Добавим собственный внешний вид разметки

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

Добавим собственный CSS

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

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

Источники для переопределения

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

• /styles/fresh/layouts/ (Файлы макетов, HTML, PHP)
• /styles/fresh/images/ (Файлы изображений)
• /styles/fresh/css/ (Файлы стилей CSS)
• /styles/fresh/js/ (Файлы JavaScript)

Созданный вами стиль должен стать доступным в настройках шаблона. Для активации нового стиля необходимо зайти административный раздел шаблона и выбрать профиль, который будет активирован по умолчанию. Нажмите на вкладку profile и выберите активный профиль. Теперь можно выбрать вновь созданный стиль из списка доступных стилей.

• 1
• 2
• 3
• 4
• 5