Руководство по администрированию сайта на основе CMF MODx
Наконец-то решился разместить руководство по администрированию сайта построенного на Modx. Описание честно не мое, нашел на просторах интернета. Часто спрашивают ссылки на такую информацию, просто надоело постоянно искать ее, вот и решил разместить у себя. На авторство не претендую..
Содержание
I — Вход в админку
II - Работа с деревом сайта
Панель инструментов
Контекстное меню
III - Создание и редактирование документов
Вкладка "Общие"
Вкладка "Настройка страницы"
Вкладка «Ключевые слова»
Основные действия: сохранение, перемещение и удаление.
Руководство по администрированию сайта на основе CMF MODx
Данная инструкция описывает основы администрирования сайта, управлемого CMS MODx.
I — Вход в админку
Для входа в административную часть сайта (CMS) необходимо набрать в адресной строке браузера:
http://www.название-сайта.com/manager/
Откроется страница авторизации менеджера.
На странице авторизации введите логин и пароль.
После успешной авторизации осуществляется вход в административную часть сайта:

В административной части будете создавать и редактировать все страницы и категории на сайте.
Примечание. После авторизации в системе администрирования,
быстрый вызов меню редактирования и создания дочерних ресурсов можно
осуществить прямо с сайта, подведя курсор к верхнему краю окна.
II - Работа с деревом сайта
Назначение: ведение новостей, статей, разнообразные
информационные страницы: о компании и контакты, гарантия и оплата,
доставка и т.п.

Дерево документов представляет собой всю
иерархическую структуру вашего сайта и оно безусловно отличается, от
того, что видит посетитель вашего сайта. Страницы и категории в MODx
называются «ресурсами», далее в данном руководстве "Документ".
Древовидная структура очень удобна для администрирования сайтов и за
счет своей интуитивности будет проста даже не искушенному пользователю.
В дереве отображаются Документы сайта, подобно известной программе
"Проводник" в Microsoft Windows дереве документы могут имееть "статус"
папок, но по своей сути они остаются документом, точнее родительским
документом в состав которого входят дочерние (подчененные) документы, в
свою очередь подчиненные же документы могут иметь таже вложенные
документы и т.д.
Чтобы раскрыть папку - достаточно щелкнуть на "+" рядом с ней.
Панель инструментов
В верхней части фрейма дерева имеется панель инструментов с кнопками основных действий.
С его помощью можно выполнять следующие действия с деревом
документов, действие выполняется при щелчке по кнопкам инструментов
дерева:
- Развернуть дерево - раскрываются все узлы дерева документов.
- Свернуть дерево - cворачиваются все узлы дерева документов и остается видимым только первый уровень.
- Новый ресурс - cоздается новый документ.
- Новая ссылка - cоздается новая ссылка.
- Обновить дерево - дерево перечитывается заново, при этом будут отражены изменения, которые возможно внесли другие редакторы сайта.
- Сортировать Дерево
- позволяет отсортировать дерево по какому-то признаку. Сортировка
производится только визуально и не влияет на порядок отображения
документов для посетителей сайта.
При выборе этого действия выводится маленький диалог:

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

Для действий с Документами имеется контекстное меню, вызываемое
кликом правой кнопки мыши по Документу или нажатием на пиктограмму :
расположенную около названия дакомента. С его помощью над документами
возможно выполнять следующие действия:
- Обзор ресурса - происходит то же, что и при выделении в дереве. Но если документ был в режиме редактирования, он прекращается.
- Редактировать - включается режим редактирования ресурса.
- Переместить - включается режим указания родительского
ресурса. В рабочем фрейме выводится сообщение для "Подтверждения
перемещения документа". В этот момент нужно кликнуть в дереве сайта по
желаемому родительскому документу. При щелчке по кнопке Сохранить
документ будет перемещен в новое место, при щелчке по Отмена перемещение
отменяется.
- Сделать копию - создается новый документ в виде копии
выделенного рядом с ним. Предварительно выдается запрос на
"Подтверждение создания копии документа". Созданная копия будет иметь
заголовок, начинающийся с Dublicate и заканчивающийся заголовком
скопированного ресурса. Новый ресурс сохранен, но не опубликован.
- Дочерний ресурс - создается новый дочерний документ в виде потомка выделенного.
- Дочерняя ссылка - создается новая дочерняя ссылка в виде потомка выделенного.
- Удалить - запрашивается подтверждение удаления документа.
При щелчке по кнопке OK этот документ и все его потомки будут помечены,
как удаленные. Однако окончательного физического удаления документа не
происходит - помеченный удаленным документ можно восстановить.
Окончательно помеченные документы удаляются при выполнении действия
Очистить корзину.
- Восстановить - позволяет восстановить документ, помеченный
удаленным. Выводится диалог для подтверждения, при щелчке по кнопке OK
восстанавливается документ.
- Опубликовать - позволяет опубликовать документ, ранее
снятый с публикации. Так как документы публикуются и снимаются с
публикации не только вручную, но и по расписанию, выводится
предупреждение. При щелчке по кнопке OK документ будет опубликован.
- Отменить публикацию - позволяет отменить публикацию
документа, то есть сделать его невидимым для посетителей сайта. Так как
документы публикуются и снимаются с публикации не только вручную, но и
по расписанию, выводится предупреждение. При щелчке по кнопке OK
документ будет снят с публикации, будет помечен в дереве серым курсивом и
будет невидим для посетителей сайта.
- Просмотр (внизу меню) - документ будет показан в новом окне или вкладке в зависимости от настроек браузера.
III - Создание и редактирование документов
Для создания нового документа, нажмите пиктограмму, расположенную вверху дерева документов:

Перед вами появится страница "Созданиея / редактирования ресурса":

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

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

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

Перемещение документа
Для перемещения страницы нажмите правой кнопкой мыши на названии
страницы в дереве сайта и в контекстном меню выберете пункт
«Переместить».

В рабочей области отобразится подсказка, что надо выбрать новый
родительский документ для текущей страницы. Выбор осуществляется
нажатием левой кнопки мыши. После выбора в рабочей области отобразится
сообщение «Новый родительский документ: …» Для сохранения необходимо
нажать «Сохранить».
Важно: Страница перемещается со всеми своими дочерними страницами!
Также переместить страницу можно, зайдя в редактирование страницы, через поле «Папка».
Удаление документа
Для удаления страницы нажмите правой кнопкой мыши на названии
страницы в дереве сайта и в контекстном меню выберете пункт «Удалить».

Пользователю выдается предупреждение об удалении. После подтверждения
действия название страницы в дереве слева отображается бордовым
перечёркнутым шрифтом. Страница становится недоступной для посетителей и
не отображается в меню на сайте.
IV — Работа с визуальным редактором. Настройка TinyMCE
Визуальный редактор — это та вещь, которая делает работу с HTML кодом простой для пользователя с любым уровнем подготовки.
В MODx по умолчанию устанавливается визуальный редактор TinyMCE. Вы
без труда сможете наполнять сайт содержимым или редактировать уже
имеющийся контент на сайте. Этот визуальный редактор позволяет вставлять
и работать с изображениями, медиа-файлами, таблицами, ссылками,
указывать стили оформления текста и многое другое. Одним словом, вещь в
хозяйстве незаменимая и это прекрасно понимают не только рядовые
разработчики, но и крупные корпорации, например, Microsoft, Apple,
Oracle и другие, которые используют этот редактор в своих онлайн
приложениях.
Не обошли стороной TinyMCE и разработчики MODx. При этом визуальный
редактор настолько гибко встроен в эту систему, что его настройка может
осуществляться очень просто.
Внешний вид визуального редактора вы сможете увидеть на странице редактирования ресурсов.
На рисунке ниже показан внешний вид редактора:

Но по умолчанию визуальный редактор не содержит в себе все заложенные в него функции. Многие из которых очень полезны.
Полный функционал визуального редактора гораздо шире представленного в
MODx. В этом вы сможете убедиться, посмотрев на изображение внешнего
вида полнофункционального редактора:

Примечание: Копируемый на страницу сайта текст из
распространенных текстовых редакторов (например, Microsoft Word) может
содержать в себе настройки форматирования, непригодные для редактора
текста сайта. Текст из таких редакторов, добавленный привычным способом
(ctrl+C – ctrl+V) может некорректно отображаться на странице сайта и
даже нарушить отображение всего сайта. Во избежание подобных проблем
настоятельно рекомендуется использовать специальную кнопку на панели
инструментов окна «Содержимое ресурса» -
«Вставить из Word».
Особенности форматирование текста:
- что бы сделать абзацы, нажмите Enter.
- что бы написать текст с новой строки, но не делать отступ (как в абзаце) нажмите Shift+Enter.
- изображениям можно задавать обтекание текстом слева либо справа.
Для этого выделите изображение и выберете на панели инструментов иконки
(«По левому краю») или
(«По правому краю»)
Добавляем и редактируем изображения.
Чтобы добавить на страницу сайта изображение необходимо установить
курсор ввода текста в место, куда Вы хотите вставить изображение и
нажать на кнопку из панели инструментов окна «Содержимое ресурса» -
«Вставить/редактировать изображение».
В открывшемся диалоговом окне «Параметры изображения» нажмите иконку
«Просмотр»

В открывшемся файл-менеджере

Выберите или создайте папку (чтобы создать новую папку нажмите
«Create New Folder».), куда необходимо загрузить изображение, папки
рекомендуется создавать согласно разделам Вашего сайта. Продумайте
структуру хранения изображений, дабы избежать путаницы в дальнейшем.
Для загрузки изображения на сайт нажмите кнопку «Upload»
(«Загрузить»). После загрузки изображения Вы можете переименовать,
отредактировать изображение в редакторе, а так же удалить изображение с
сайта, для этого нужно выбрать соответствующую иконку под интересующим
вас изображением.
Далее двойным нажатием кликаем по изображению, после чего
осуществится переход в окно «Параметры изображения» , где в поле
«Предварительный просмотр» отобразится выбранное изображение.
Нажмите кнопку «Вставить» для добавления изображения в новый материал сайта.
Добавление ссылок в текст материала.
Для добавления ссылок на Вашем сайте, ссылок на другие ресурсы или на мультимедийные материалы, необходимо:
- Выделить необходимую часть текста в редакторе материала.
- На панели инструментов нажать на пиктограмму
«Вставить/редактировать
ссылку» (для удаления ссылки нажмите
«Удалить ссылку»)
Если требуется вставить ссылку на другой сайт, в окне добавления
ссылки введите «Адрес ссылки» (например, http://www.site.ru) и в поле
«Цель» можно указать чтобы ссылка открывалась в Новом окне.
Cсылку на какую-либо страницу Вашего сайта можно вставить через поле «Список ссылок» и выбрать страницу.
Если требуется ссылка на какой-либо файл на Вашем сайте, тогда нужно
нажать значок и выбрать файл, который закачан на сайт. Или закачать
новый файл и выбрать его.
Настройка TinyMCE в MODx
Настроить визуальный редактор TinyMCE в MODx проще простого. Все
настройки осуществляются на странице системной конфикурации на вкладке
«Интерфейс и представление». Попасть на нее вы сможете проследовав:
Инструменты > Конфигурация > Интерфейс и представление. В самом
низу страницы вы увидите поля для настройки редактора.
На рисунки ниже изображены поля с настройками визуального редактора.
В поле «Тема WYSWYG редактора» вы можете выбрать тему из предложенных
вам по умолчанию. От выбора темы зависит набор функций, которыми будет
располагать ваш редактор. Начиная с версии MODx 1.0.4 в этом списке
можно выбрать полнофункциональную версию визуального редактора. Для того
чтобы посмотреть в действии все доступные функции, можете выбрать из
выпадающего списка пункт «full».


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