Дополнительные возможности
Создание персонального шаблона
Вы можете создать свой персональный шаблон для сайта. Для это вы должны самостоятельно разработать дизайн и сверстать его.
После того как шаблон сверстан, его нужно будет отправить на адрес cms@edu.yar.ru
После проверки шаблона на роботоспособность и соответствие требованиям CMS.edu. После проверки и согласования с организацией дополнительных изменений, если такие будут, шаблон будет загружен и частично доступен для изменения в модуле "Персональный шаблон".
Структура шаблона для сайтов CMS.edu
- css - скомпилированные стили
- images - Папка с картинками для шаблона
- less - Папка со стилями для шаблона
- image.png - Картинка для предпросмотра в списке шаблонов CMS.edu
- install.json - Настройки шаблона, в это файле указываются параметры которые можно задавать в "Настройках сайта".
{
"name": "Название шаблона",
"page": {
"first.html": "Первая страница"
},
"configure": [
{
"label": "Заголовок сайта",
"name": "title",
"type": "inputplus"
}
]
}
Параметры указываются в блоке "configure" они используются для подстановки в template.html или другой подшаблон
В блоке "page" указывается список дополнительных шаблонов для сайта. Этот список будет доступен при редактировании свойств страницы или раздела. Для сайтов школ этот блок обычно пустой.
template.html - Шаблон сайта. Для создания шаблона используется шаблонизатор PHPTAL, с ним вы можете ознакомиться на странице https://phptal.org/manual/ru/split/
В шаблоне должны быть включены следующие строки для подключения общих стилей и скриптов используемых сайтами в cms
<link type="text/css" tal:repeat="item stylesheet" rel="stylesheet" href="${item}" />
<script type="text/javascript">
${structure scriptstring}
</script>
<script type="text/javascript" tal:attributes="src item" tal:repeat="item scripts"></script>
А так же компоненты для копирайта
<span tal:replace="structure component:inline?code=copy" />
<span tal:replace="structure component:inline?code=cms" />
и вставки метрики
<span tal:replace="structure component:metrica"/>
В дальнейшем персональный шаблон загружается в cms. Подробнее https://cms2.edu.yar.ru/docs/index.php?p=personal
Для редактирования будут доступны файлы template.html и less/style.less из шаблона. Файл style.less будет преобразовываться в style.css автоматически при сохранении.
Пример шаблона вы можете скачать по ссылке.
Тестирование шаблона
Для того чтобы посмотреть какой либо шаблон не меняя основной шаблон сайта, можно в адресной строке добавить в запрос параметр &with_template={template}, где {template} системное название шаблона
Системные названия некоторых шаблонов:
base1, base1_light, base1_yellow, base2, base2_blood, base2_marine, base2_orange, base2_purple, base3, base3_green, base3_raspberry, base3_sand, base4, base4_marine, bell, blue, circles, circles2, deepblue, flag, fold, numeric, paper, paperleft, paperleft_green, paperleft_red, paperleft_yellow, toxic, wind
Например: https://school73.edu.yar.ru/?with_template=base3_raspberry.
Изменит текущий шаблон у сайта школы 73. Но это произойдет только для текущей сессии браузера и не скажется на других пользователях.
Для того, чтобы сбросить на шаблон по умолчанию, нужно установить значение параметра равным default (https://school73.edu.yar.ru/?with_template=default)Такой способ предспросмотра будет полезен если вы создаете персональный шаблон и не хотите чтобы кто либо видел промежуточный вариант.