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

Как создать собственный стиль, 5.0 из 5 основанный на 2 голосах.

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


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

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

Вы можете переопределить макет по умолчанию заданный в файле /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, который необходимо включить в шаблон по умолчанию из базовой основы или не включать его вообще.

Важно: Если вы делаете копию файла /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)

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



Если эта статья показалась вам полезной, пожалуйста, проголосуйте за нее. Это поможет другим быстрее найти эту статью из множества других менее полезных.
( 2 Голосов ) 

Добавить комментарий

Уважаемые посетители!
Комментарии модерируются, активные ссылки на сайты не публикуются. Пожалуйста, не тратьте понапрасну свое и мое время на попытку размещения спамерских ссылок.
Спасибо.


Защитный код
Обновить