MODx/Руководство дизайнера

Материал из Викиучебника — открытых книг для открытого мира
Перейти к навигации Перейти к поиску

Создание шаблонов в MODx – одно из самых приятных занятий. Трудно найти систему, в которой вы можете контролировать вывод кода html на все 100%. Прежде чем приступить к построению шаблонов в MODx мы принимаем тот факт, что вы имеете представление о механизме отображения страниц в браузерах и что такое html-верстка.


Итак, для создания нового шаблона в систме MODx нам предстоит выполнить четыре шага.



Шаг 1. Добавление специальных тегов MODx.[править]

После того как верстка шаблона будет завершена, необходимо (даже не закрывая ваш редактор) вставить специальные теги системы MODx. Вставляйте теги в соответствии с их назначениями, например в элемент <title> можно вставить спец-тег [*pagetitle*], а в блок предполагаемого содержимого страницы – тег [*content*]. Позже, когда система начнет обработку шаблона, она заменит спецтеги соответствующими данными.


Modx-designer-ill-2.gif

Шаг 2. Добавление сниппетов и чанков.[править]

Для вывода на сайте меню, каталогов, комментариев и т. д. в MODx используются сниппеты. В шаблон они вставляются в виде: [[Имя_сниппета? &параметр1=`значение` &параметр2=`значение` &параметр3=`значение`]], и конечно же в те места, где мы предполагаем вывод нашего меню или каталога. Аналогично вставляются и чанки (блоки html-кода, которые часто повторяются от страницы к странице), однако в слегка отличном виде: {{Имя_чанка}}.


Modx-designer-ill-3.gif

Шаг 3. Добавление шаблона в базу MODx.[править]

Итак, мы получили готовый код шаблона для системы MODx. Остается только внести его в ресурсы системы, чтобы он стал доступным для использования. Для этого заходим в раздел «Ресурсы->Управление ресурсами», нажимаем на вкладку «Шаблоны». Здесь мы увидим существующие шаблоны и ссылку «Новый шаблон», на которую, как вы уже догадались, нужно нажать.


Modx-designer-ill-4.gif


В окне создания/редактирования шаблонов нам нужно ввести имя шаблона, его описание (желательно это сделать, если предполагается большое количество шаблонов) и сам код шаблона, который мы подготовили. После того, как необходимые поля заполнены – нажмите «Сохранить» и … шаблон готов!


Modx-designer-ill-5.gif


Для того, чтобы ваш новый шаблон начал работать, его нужно присвоить какой-либо странице. Это можно сделать в окне редактирования страницы MODx.

Шаг 4. Установка шаблона как основного.[править]

Для того, чтобы сделать шаблон используемым по умолчанию нужно пройти во вкладку Инструменты/Конфигурация/Сайт и там в пункте Шаблон по умолчанию выберите требуемый шаблон


Весь учебник MODx