Инструкция по созданию сайта на MODx. Урок 6 — Дерево документов и создание страниц + видео урок
Следующим шагом в нашем изучении MODx СMS будет знакомство с деревом документов. Мы разберем основные параметры страниц и научимся создавать и редактировать ресурсы в MODx. Также я подготовил видеоурок по созданию ресурсов в MODx.
Попытаемся создать несколько страниц, чтобы было с чем работать. Для этого, я прошу обратить ваше внимание на дерево документов MODx, которое располагается в левой части администраторской панели.

Дерево документов будет представлять собой всю структуру вашего сайта. Тут вы будете создавать и редактировать все ваши страницы и категории на сайте. Кстати, страницы и категории в MODx называются «ресурсами», поэтому можете привыкать потихоньку и к этому термину. Древовидная структура очень удобна для администрирования сайтов и за счет своей интуитивности будет понятна даже неискушенному пользователю.
В самом верху дерева указано название вашего сайта, которое задается на странице системной конфигурации в самом первом поле «Заголовок сайта». Напомню, что поменять название своего сайта вы сможете проследовав по вкладкам Инструменты → Конфигурация → Сайт → Заголовок сайта.
По умолчанию у вас уже создан один документ с названием «MODx CMS Install Success», который и служит главной страницей вашего сайта. В скобках указан ID ресурса, это целое число и оно уникальное для каждой страницы. Т.е. не может быть двух разных документов с одним и тем же идентификатором. Мы будем использовать эти ID в дальнейшем для обращения к ресурсам, но вы с этим познакомитесь в дальнейшем на практике.
Для начала, наверное, не плохо было бы отредактировать этот созданный по умолчанию ресурс, прежде чем переходить к созданию новых страниц.
Нажимайте на название этой страницы в дереве документов. Перед вами появится страница редактирования ресурса

В принципе, тут все интуитивно понятно.
Вкладка общие
На этой вы заполняете основные атрибуты вашей страницы, а именно следующие поля:
«Заголовок» — вписываете название вашей страницы.
«Расширенный заголовок» — в этом поле вы можете вписать расширенный заголовок вашей страницы. Можете это поле оставить пустым или скопировать сюда содержимое поля «Заголовок».
«Описание» — в это поле вы можете внести информацию, которую хотите разместить в мета теге Description для данной страницы.
«Псевдоним» — здесь нужно вписать имя страницы (латинскими буквами), которое вы хотите видеть в URL. Если вы его оставите пустым, оно заполнится автоматически исходя из заголовка страницы, если настроен плагин TransAlias о котором я писал в третьем уроке. Если плагин вы не настроили, то пустое поле заменится на идентификатор ресурса.
«Аннотация» — поле с кратким описанием страницы, например первый абзац или что-нибудь в этом роде.
«Шаблон» — представленное в виде выпадающего списка. В этом списке у нас будут отображаться все созданные шаблоны и вы сможете для каждой новой страницы выбрать подходящий шаблон. Количество шаблонов в MODx не ограничено. Если вы помните, в предыдущих уроках мы с вами создали шаблон для главной страницы. Он так и называется «Главная страница», пока этот шаблон у нас один и выбран в настройках, как шаблон по умолчанию.
«Пункт меню» — не обязательное поле, но вы можете его использовать, если ваш заголовок страницы очень длинный и его не удобно использовать в качестве пункта в меню. В этом случае в качестве названия пункта меню вы можете использовать это поле.
«Позиция в меню» — это порядковый номер ресурса в меню, с помощью этого параметра вы сможете различным образом сортировать отображаемые в ваших меню пункты.
«Показывать в меню» — убрав галочку с этого пункта, вы запретите показ вашей страницы в меню.
«Папка» — здесь вы указываете, какой родительский документ будет у вашего ресурса. Для того, чтобы изменить родительский документ вы должны кликнуть мышкой по иконке рядом, после чего выбираете родительский документ в дереве сайта.
На этой же закладке находится и визуальный редактор, с помощью которого вы будете редактировать все содержимое на ваших страницах. Далее мы переходим к вкладке «Настройка страницы»
Вкладка настройка страницы
Здесь мы должны указать дополнительные параметры для создаваемой/редактируемой страницы.

Конечно же, главным на этой закладке является галочка «Публиковать». С ее помощью вы можете разрешать или отменять публикацию того или иного документа. Тут же вы можете устанавливать дату публикации.
Остальные параметры в большинстве случаев можно будет оставлять как есть. Галочки, которые будут выставлены при редактировании страницы по умолчанию можно назначать на странице конфигурации MODx. Об этих настройках я писал в уроке с первоначальной настройкой MODx
Подробно о том, как все эти заполненные поля использовать вы узнаете на реальном примере чуть позже, в процессе прохождения этого курса «Создание сайта на MODx c нуля».
На вкладку «Ключевые слова» вы можете пока не заходить, так как мы еще не создали ни одного ключевого слова и эта вкладка будет пока бесполезна. Я планирую уделить целый урок для описания процесса создания и управления ключевыми словами в MODx . Скажу лишь только то, что с помощью этой вкладки мы сможем для каждой отдельной страницы задавать определенные наборы ключевых слов, что само по себе очень удобно, и не может не радовать SEO-оптимизаторов.
Мы пробежались по основным параметрам, которые вы должны знать для того, чтобы создавать и редактировать ресурсы в MODx. Теперь давайте отредактируем существующую страницу и создадим несколько новых страниц. Процесс создания новых ресурсов подробно показан в видео к этому уроку, поэтому я ограничусь только тем, что скажу вам заполнить информационные поля (заголовки, описание), а все настройки можете оставить по умолчанию.
Для создания новой страницы, нажмите следующую пиктограмму, расположенную вверху дерева документов

Мы договаривались с вами, вначале будем делать сайт-визитку. Поэтому создаем типичные страницы для сайтов-визиток:
- Главная
- О нас
- Новости
- Услуги
- Контактная информация
После создания ресурсов ваше дерево будет выглядеть как на рисунке ниже.

На картинке изображено дерево докуметов, в котором все страницы опубликованы и разрешены к показу в меню. Если в вашем дереве документов название страницы будет светло-серого цвета это значит, что вы в настройках указали «Не показывать в меню», если название страницы будет светло-серого цвета и написано курсивом, это значит — вы убрали галочку «Публиковать» на вкладке с настройками страницы и ваша страница не будет видна посетителям сайта.
На этом мы заканчиваем урок по созданию страниц в MODx и мне хочется подвести итоги предыдущих уроков.
Мы с вами установили систему управления MODx CMS, познакомились c ее особенностями и сделали первоначальную установку, после чего подобрали шаблон для нашего будущего сайта и интегрировали готовый дизайн в MODx.
Из предыдущего урока вы узнали, что такое чанки и научились их использовать для разбиения шаблона на логические части, а в этом уроке познакомились с древовидной структурой документов в MODx и научились добавлять и редактировать страницы сайта.
Многие могут сказать, что я слишком много времени уделяю мелочам, но я преднамеренно подробно описывал каждый свой шаг потому, что ориентируюсь на новичков, которые только начинают знакомиться с MODx и моя задача сделать это знакомство как можно более понятным, полным и быстрым. Самое главное ничего не пропустить в самом начале, чтобы не было проблем в дальнейшем.
Все следующие уроки будут опираться на информацию, предоставленную в предыдущих. Теперь я предлагаю вам посмотреть видеоурок, чтобы закрепить материал.
Смотреть видео урок по созданию ресурсов в MODx
Размер: 3.7 мб. Длительность: 3 минуты 40 секунд
Автор: Ефимов Виктор
Вы можете также посмотреть другие уроки по созданию сайта на MODx:
- Урок 1 — Вступительный
- Урок 2 — Установка MODx CMS
- Урок 3 — Первоначальная настройка системы
- Урок 4 — Интеграция дизайна в систему управления
- Урок 5 — Настройка шаблона, разбиение на чанки
- Урок 6 — Дерево документов и создание страниц
- Урок 7 — Реализация динамического меню
- Урок 8 — Создание шаблонов и вывод содержимого страниц
- Урок 9 — Работа со специальными тегами MODx
- Урок 10 — Работа с визуальным редактором в MODx
- Урок 11 — Реализация цепочки навигации «Хлебные крошки»
- Урок 12 — Создание ленты новостей. Сниппет Ditto
- Урок 13 — Постраничное разбиение новостной ленты
- Урок 14 — TV параметры MODx. Добавление изображений ресурсам
- Урок 15 — Форма обратной связи в MODx. Сниппет eForm
- Урок 16 — Реализация вспомогательного меню на странице
- Урок 17 — Вывод слайд-шоу на главной странице с помощью сниппета Ditto
- Урок 18 — Вывод ключевых слов в MODx
- Урок 19 — Организация поиска по сайту. Сниппет AjaxSearch
- Урок 19.1 — Вывод изображения, прикрепленного с помощью TV параметра, в результатах поиска AjaxSearch
- Урок 20 — Карта сайта для посетителей и поисковых машин
- Урок 21 — Реализация галереи изображений
- Урок 22 — Перенос готового MODx сайта на хостинг
- Урок 23 — Скачать готовый MODx сайт, соответствующий веб-стандартам
blog comments powered by Disqus
- 700+ эффектных jQuery Mootools CSS решений для веб-разработчиков. Путеводитель по плагинам
- Свежие профессиональные jQuery плагины. Первая подборка в 2011 году
- Большая коллекция jQuery и Mootols красивостей
- Огромная коллекция ресурсов с бесплатными CSS шаблонами и заготовками
- Обзор и сравнительная оценка системы управления MODx
- Инструкция по созданию сайта на MODx. Урок 4 — Интеграция дизайна в систему управления
- 96 ресурсов, которые облегчат жизнь web-разработчику
- 15 советов которые помогут вам в дальнейшем грамотно и комфортно работать с CSS
- Шаблон сайта исполнителя. Реализация аудиоплеера с использованием jQuery технологий
- Инструкция по созданию сайта на MODx. Урок 2 — Установка MODx CMS + видео урок
- Красивые большие иконки. Набор иконок для оформления портфолио дизайнера
- Интересный скрипт галереи, альтернатива LightBox
- 17 jQuery CSS техник и плагинов, которые вам могут пригодиться при разработке сайтов
- 59 логотипов для вдохновения
- jQuery элементы для веб-разработчиков. Часть 8

