Создание первой страницы

После успешной установки вам будет представлена страница для входа в панель управления. Для входа используйте логин и пароль, который вы указывали во время установки.

После успешного входа в панель управления вы увидите что-то вроде следующего :

Поскольку MODX не включает в себя какого-либо контента по умолчанию,  давайте создадим нашу первую страницу.

MODX дает нам несколько возможностей для создания нового ресурса (документа). Главное меню в разделе "Сайт" имеет пункт "Новый документ", кроме того, блок просмотра дерева ресурсов, элементов и файлов слева в разделе "Ресурсы" имеет иконку "Новый документ" ( третья слева иконка в виде папки с зеленым знаком плюса. Если блок "Ресурсы" не открыт, кликните на его заголовке) и, наконец, вы можете кликнуть правой кнопкой на иконке контекста (название раздела, страницы , выбрать "Создать"  и создать документ здесь.

Во всех случаях при создании нового ресурса появляется окно нового документа с соответствующими полями. Для начала присвоим документу заголовок (Первая страница) и введем некоторое содержимое в поле "Содержимое ресурса" (мы ввели слово  "Проверка"). Убедитесь, что включен чекбокс "Опубликован". Кликните на кнопке "Сохранить", чтобы сохранить ваш первый документ.

После этого вы можете кликнуть на кнопку "Просмотреть" и увидите вашу страницу во всей красе (для приведенного выше примера вы увидите только слово "Проверка" в верхнем левом углу).Сейчас вы используете единственный имеющийся в вашем распоряжении шаблон BaseTemplate (совершенно без какого-либо намека на дизайн). Поэтому перейдем к созданию нашего первого шаблона.

Создание первого шаблона

Как мы уже сказали, странице не хватает хотя бы минимальной структуры и стиля. Для этого нам и нужен будет шаблон страницы. Кликните на заголовке "Элементы" в блоке  просмотра дерева ресурсов, элементов и файлов. При этом откроется перечень элементов, которые вы можетесоздавать и редактировать, чтобы добавить динамическое содержимое на вашу страницу. Кликните правой кнопкой мыши на элементе "Шаблоны" и вы сможете выбрать два варианта создания нового шаблона - "Новый шаблон" и "Быстро создать шаблон".

  • Вариант "Быстро создать шаблон" позволяет открыть окно для быстрого создания шаблона без закрытия страницы, с которой вы работаете.
  • При выборе варианта "Новый шаблон" на правой панели открывается более сложная форма для создания нового шаблона.

В любом случае дайте шаблону имя, например, My Template, описание, например, First Revolution Template и введите собственно код шаблона. Шаблоны MODX в основном представляют собой просто HTML страницы, некоторые части которых заменены на теги MODX. Для начала давайте создадим очень простой шаблон.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"  
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <title>My First Revolutionary Page</title>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <style type="text/css" media="screen">
        #content{width:80%;margin:auto;border:5px groove #a484ce;padding:20px;}
    </style>
</head>
<body>
    <div id="content">
        [[*content]]
    </div>
</body>
</html>

 Сохраните новый шаблон. Затем выберите этот шаблон для вашей страницы (поле "Шаблон" в режиме редактирования страницы). При просмотре страницы вы увидите, что введенный в поле "Содержимое ресурса" текст заключен в рамку, занимающую по ширине 80% экрана.

Отметим, что здесь мы использовали конструкцию [[*content]] - специальный тег, позволяющий вывести любой текст или html-код, написанный или отредактированный в визуальном редакторе.

Назад

Оглавление