четверг, 20 февраля 2014 г.

Темы для Orchard

Задача:

Найти и установить готовую тему для простого сайта.
Возможно, в дальнейшем и будет написана своя тема или расширена готовая

Требования:

Тема должна поддерживать выпадающие меню для вложенных пунктов меню.



Выполнение:

1. Идем в админском меню в раздел "Темы"


2. Открывается раздел управления темами:


На вкладке "Установленные"  отображены установленные темы, а сверху крупно - текущая.
Во вкладке "Галерея" отображается список тем из галереи Orchard.

3. Выбираем нужную тему из галереи:


Для этого напротив темы жмем "Установить" или "Загрузить".
Если нажмем "Установить", тема сразу установится в CMS, если  "Загрузить", то она загрузится на компьютер и надо будет ее потом устанавливать, чт ов общем тоже не сложно.

Я выбираю "Установить".

4. Тема устанавливается. Но не становится выбраной. Можно установить несоклько тем, а потмо пойти во вкладку "Установленные":

Вот одна из тем, которая установлена в системе, но еще не выбрана текущей:
Можно ее выбрать текущей, тогда она применится к сайту, а можно сделать предпросмотр и тогда мы просто увидим, как будет выглядеть наш сайт с этой темой. Удобно.

НО!!! Оказывается, не так много тем правильно работают с вложенным меню.

Идеально так:

Но эта тема скучновата.

У веселых тем получается что-то типа такого:


Или так:


Т.к. наша задача-минимум найти готовую  тему, то ищем.

Еще очень неплохо было бы, чтобы тема была адаптивной. Таких тем есть пара, но обе чем-то не устаивают.

В итоге можно остановиться или на теме "So.CleanBootStrapped", которая и выпадающие меню по-умолчанию отображает:


 И адаптивна более или менее, если можно так выразиться:





Конечно, хотелось бы, чтоб меню сжималось в пиктограммку, которую можно разверачивать при нажатии, а не в такую разъехавшуюся шапку. Темб олее, на внутренних страницах картинка из шапки не убирается.

Еще было случайно обнаружено, что у темы "PJS.Bootstrap" при установке в пункте админменю "Темы" появляется новый подпункт:






Переходим и обнаруживаем, что можно сделать некоторые настройки для темы и выбрать Оформление. Оформление в основном ограничивается цветовой гаммой:





После некоторых настроекк во фронтенде получаем такое:

И столь желанную пиктограммку в мобильной версии:

Только этот шаблон тоже скучноват. Пока остановимся на этом.

Для расширения темы или написания своей надо можно начать со следующей статьи:

По-английски:
http://docs.orchardproject.net/Documentation/Customizing-the-default-theme

По-русски:
http://technet.microsoft.com/ru-ru/subscriptions/hh395123.aspx

А для более глубокого изучения, обратиться к документации Orchard:

http://docs.orchardproject.net/

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

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