понедельник, 13 августа 2012 г.

Скины для Стартового Сайта Composite C1 CMS

Если вы еще не заметили, то с прошлой недели стартовый сайт в Composite C1 CMS версии 3.2  претерпел такие изменения:
  • во-первых, используется .LESS вместо CSS (почти везде)
  • во-вторых, появились 4 варианта внешнего вида Стартового Сайта -  "скины"
(Это касается только "свеже"  установленных сайтов.)

Вот эти скины (снимки экрана взяты с официального сайта Composite C1 CMS):

"По умолчанию""Простой"
"Коричневый""Свеже-зеленый"

Чтобы "пощупать" их своими руками, установите версию 3.2 и пройдите мастер начальной настройки сайта, выбрав при этом Стартовый Сайт в качестве вашего шаблона сайта.

(Подсказка: Вы можете установить сайт локально из Веб-галлереи вашего WebMatrixа).

Не имеет значение, какого типа Стартовый Сайт вы выберете: HTML, Master Pages, Razor, XSLT. Поддержка "скинов" сделана для всех этих типов.

Поддержка .LESS осуществляется с помощью предустановленного пакета расширения Composite.Web.Css.Less.

Чтобы переключить "скин" сайта:
  1. В  разделе "Макет" (или разделе "Система") раскройте /Frontend/Styles.
  2. Откройте файл skin.less на редактирование.
  3. Замените название .less файла на любое из этих:
    • Simple
    • Brown
    • FreshGreen
Например: @import "~/Frontend/Styles/Skins/FreshGreen.less";

По умолчанию используется знакомый вам "скин" под названием "Default".

Файл "скина" -  это  .less файл , в котором содержатся переменные. Они-то и определяют как именно будет выглядеть файл. Там заданы параметры, цвета и шрифты и т.п. для основной части страницы, верхнего и нижнего колонтитула и т.п, а также путь к логотипу и верхнее изображение (если оно есть).

Если вы разбираетесь в технологии .LESS, то вам не составит труда создать свой собственный "скин" для шаблона стартового сайта.


Читайте также:

Комментариев нет:

Отправить комментарий