Modx Evolution. Лабораторный практикум/ А. Е. Осоргин. Самара: пгк, 2018



страница1/12
Дата26.06.2018
Размер1.84 Mb.
#33742
ТипПрактикум
  1   2   3   4   5   6   7   8   9   ...   12


министерство образования и науки самарской области
государственное бюджетное образовательное учреждение

среднего профессионального образования



«Поволжский государственный колледж»

А.Е.Осоргин


MODx Evolution

Лабораторный практикум


Самара 2018



Печатается по решению редакционно-издательского совета

ГБПОУ «Поволжский государственный колледж».


Рецензенты:

Осоргин А.Е.

MODx Evolution. Лабораторный практикум/ А.Е.Осоргин. – Самара: ПГК, 2018.


Курс лабораторно-практических работ предназначен для студентов, изучающих дисциплину «Управление корпоративным интернет контентом» с использованием системы MODx Evolution. Данный курс также может быть полезен преподавателям и аспирантам, желающим повысить свой профессиональный уровень в области управления интернет контентом.



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






ОГлавление





Стр.

Введение

4

Благодарности

5

Задание 1. Установка MODx Evolution

6

Задание 2. Первоначальная настройка системы modx cms

17

Задание 3. Интеграция дизайна в систему управления

25

Задание 4. Настройка шаблона, разбиение на чанки

30

Задание 5. Дерево документов и создание страниц

37

Задание 6. Реализация динамического меню

43

Задание 7. Создание шаблонов и вывод содержимого страниц

51

Задание 8. Работа со специальными тегами MODx

60

Задание 9. Визуальный редактор

66

Задание 10. Цепочка навигации «Хлебные крошки»

70

Задание 11. Создание ленты новостей. Сниппет Ditto

78

Задание 12. Постраничное разбиение новостной ленты

88

Задание 13. Вывод новостей с изображениями на главной странице

96

Задание 14. Форма обратной связи в MODx. Сниппет eForm

104

Задание 15. Реализация вспомогательного меню на странице

115

Задание 16. Вывод слайд-шоу на главной странице с помощью сниппета Ditto

122

Задание 17. Вывод ключевых слов в MODx

128

Задание 18. Организация поиска по сайту. Сниппет AjaxSearch

132

Задание 19. Вывод изображения в результатах поиска

146

Задание 20. Карта сайта для посетителей и поисковых машин

151

Задание 21. Реализация галереи изображений

162

Задание 22. Наполнение сайта уникальным содержанием

175

Задание 23. Прикрепление нескольких файлов к странице

177

Задание 24. Регистрация и авторизация веб-пользователей

183

Задание 25. Комментирование материалов страниц сайта

190

Литература

201

Интернет-ресурсы

201







введение

MODx Evolution - это cистема управления содержимым (контентом) (англ. Content management system, CMS) — информационная система, используемая для обеспечения и организации совместного процесса создания, редактирования и управления контентом (содержимым).

Основные функции CMS:


  • Предоставление инструментов для создания содержимого, организация совместной работы над содержимым,

  • Управление содержимым: хранение, контроль версий, соблюдение режима доступа, управление потоком документов и т. п.,

  • Публикация содержимого,

  • Представление информации в виде, удобном для навигации, поиска.

В системе управления содержимым могут находиться самые различные данные: документы, фильмы, фотографии, номера телефонов, научные данные и так далее. Такая система часто используется для хранения, управления, пересмотра и публикации документации. Контроль версий является одним из основных её преимуществ, когда содержимое изменяется группой лиц.

Система MODx Evolution является открытым программным обеспечением (англ. open-source software) — программное обеспечение с открытым исходным кодом. Исходный код программы доступен для просмотра, изучения и изменения, что позволяет пользователю принять участие в доработке самой открытой программы, использовать код для создания новых программ и исправления в них ошибок — через заимствование исходного кода, если это позволяет совместимость лицензий, или через изучение использованных алгоритмов, структур данных, технологий, методик и интерфейсов (поскольку исходный код может существенно дополнять документацию, а при отсутствии таковой сам служит документацией).

Основные достоинства MODx Evolution CMS:


  1. Имеется возможность настраивать META-контент  для каждой страницы сайта, а также возможность создания/настройки дружественных URL для всех страниц. Будьте уверены, что благодаря всему этому, поисковики хорошо отнесутся к вашему сайту и позволят получить хорошие позиции в выдаче результатов. За это многие разработчики прозвали MODx Evolution как «SEO-ориентированная система управления сайтом»

  2. Гибкость для дизайна. С помощью MODx Evolution можно установить абсолютно любой дизайн, без каких бы то ни было ограничений (принудительных колонок, блоков, хаков и так далее). Все, что вам нужно сделать, это вставить XHTML и CSS код и все. 
    Дизайнеру предоставляется полная свобода творчества. Ему не нужно беспокоиться о том, как позднее дизайн будет интегрироваться в систему управления. 

  3. Соответствие Web-стандартам. Да, это означает, что у вас появилась возможность создать свой сайт с помощью CSS и XHTML, который будет соответствовать web-стандартам.

  4. Гибкий, мощный  API и модель событий. Это та особенность, которая делает MODx Evolution не просто системой управления, но и системой разработки CMF. Это даст вам полный контроль и свободу в разработке, вы сможете переопределять события, изменять функциональность  ядра MODx Evolution не вмешиваясь в исходный код c помощью API. 

Благодарности
При написании практикума автор использовал практические работы и их описания, изложенные в блоге Виктора Ефимова http://efimov.ws, а также документацию к MODx Evolution, разработанную сообществом MODx Evolution. Автор приносит искреннюю благодарность за предоставленные материалы и возможности.

Задание 1

УСТАНОВКА MODX Evolution

цели занятия

  • регистрация на хостинге,

  • развертывание MODx Evolution,

  • предварительная настройка системы.

Форма организации занятия

Фронтальная.



Студент должен знать

  • понятия: CMS, хост-провайдер,

  • иметь рабочий адрес электронной почты,

Студент должен уметь

  • пользоваться операционной системой Windows,

  • ориентироваться в многооконном интерфейсе прикладных программ.

Обеспеченность

  • компьютер с доступом в Интернет,

  • настоящий курс лабораторно-практических работ.

Практическое задание

1.1. регистрация на хостинге

Для заказа хостинга необходимо перейти на страницу https://bill.pservice24.ru/ и найти ссылку на регистрацию в системе.

Для регистрации необходимо заполнить все обязательные поля (отмечены звездочкой), рис. 1.1. Важно запомнить, на какой адрес электронной почты осуществляется регистрация: почта является логином для входа в систему.



Рис. 1.1

Для подтверждения регистрации необходимо нажать кнопку «Ok». Сразу после этого, на адрес электронной почты будет отправлено письмо с ссылкой на подтверждение регистрации. После подтверждения регистрации откроется биллинговая система, в которой можно осуществлять заказ и управление услугами.

В меню необходимо найти раздел «Товары и услуги / Виртуальный хостинг», затем нажать кнопку «Заказать», рис. 1.2.



Рис. 1.2

Необходимо выбрать срок заказа «Год», а затем нажать кнопку «Заказать» для тарифного плана P-HDD-1, рис. 1.3.





Рис. 1.3

Введите доменное имя в таком виде: ваша_фамилия.lk3.ru, рис.1.4.





Рис. 1.4

На следующем этапе необходимо ввести и применить промокод для получения скидки на услугу. Данный промокод можно использовать всего 1 раз для заказа услуги P-HDD-1. На продление услуг данный промокод не действует, рис. 1.5.





Рис. 1.5

Для оформления заказа хостинга обязательно требуется пройти подтверждение номера телефона, рис. 1.6. Это происходит в автоматическом режиме, бесплатно для абонента. Возможно получение звонка автоинформатора либо SMS сообщения. Как правило, по SMS код приходит в течение нескольких минут.




Рис. 1.6

После проверки номера телефона появляется возможность активировать услугу хостинга, рис. 1.7.





Рис. 1.7

Активация услуги проходит также в автоматическом режиме в течение пары минут. После активации услуги на электронную почту поступит сообщение с данными для доступа. Также в разделе «Виртуальный хостинг» появится услуга с вашим доменом, при необходимости можно получить данные для доступа по кнопке «Инструкция».



1.2. Установка MODx CMS

Перейдите на сайт с вашим новым доменом, он пока выглядит весьма просто, рис. 1.8.





Рис. 1.8
Откройте панель управления хостинга https://vh-01.pservice24.ru:1500/ispmgr, введите логин и пароль из инструкции, полученной по электронной почте, рис.1.9.



Рис. 1.9

Откройте раздел Главное / Менеджер файлов, рис. 1.10.





Рис. 1.10

Войдите в папку www, затем в папку с именем вашего сайта. В ней вы увидете один единственный файл index.html. Это корневая папка вашего сайта, в неё мы будем устанавливать систему управления сайтом MODx Evolution CMS.

Удалите файл index.html, он нам не понадобится.

Загрузите на сайт файл evolution-1.1.0-pl.zip, распакуйте его и перенесите содержимое папки evolution-1.1 на домашнюю страницу (в корневую папку). Удалите папку evolution-1.1, в результате должна получиться следующая структура сайта, см. рис. 1.11.





Рис. 1.11

Найдите файл ht.access и переименуйте его в .htaccess (т.е. перенесите точку в начало слова). Это файл настройки веб-сервера Apache, и на данном этапе подробно останавливаться на нем мы не будем. Скажу только то, что без него у Вас не будет поддержки дружественных URL, для которых используется модуль веб-сервера mod_rewrite.

Откройте Ваш сайт, первое, что вы должны увидеть, это сообщение о том, что система еще не установлена или не найден файл конфигурации. Сообщение это выводится на красном фоне, если увидели, значит все отлично, следуем по ссылке «install now», рис. 1.12.

Рис. 1.12

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





Рис. 1.13

На следующем шаге выберите пункт установить новую копию MODx и жмем на кнопку «Next», рис. 1.14.





Рис. 1.14

На следующей странице установки нам необходимо будет сделать подключение к базе данных. Одним словом, у вас уже должна быть создана база, а на этой странице мы просто вводим необходимые данные. Для многих из вас это будет вполне привычная процедура, так как создание базы данных и ее подключение требуется для подавляющего большинства движков сайтов и форумов, и многие с этим встречались не раз. Останавливаться очень подробно на создании базы данных и пользователя для нее мы не будем, но чтобы «не растерять» по пути неопытных студентов, я коротко опишу последовательность действий, необходимых для этого.



1.2.1 Создание базы данных и пользователя

Откройте ISP manager, и через закладку Главная / Базы данных перейдите на страницу управления базами данных, рис. 1.15. Найдите кнопку Создать и откроется окно для ввода параметров базы данных, рис. 1.16.





Рис. 1.15



Рис. 1.16

В открывшемся окне заполните необходимые поля и нажмите кнопку Ok. Рекомендую использовать тот же пароль, что и для входа в аккаунт.

В результате у нас создана база данных, в которой для нас важны 3 поля с информацией:


  • Сервер MySQL – в нашем случае localhost

  • База Данных MySQL – у меня vh2970_a, у вас будет другое имя

  • Пользователь MySQL – у меня vh2970_a, у вас будет другое имя.

Запомнить не сложно, но это только в качестве примера. Для реального же проекта я вам рекомендую не делать так, чтобы и имя пользователя, и название базы, и пароль были одинаковы. Желательно чтобы они также не совпадали с названием сайта. Это и есть одна из брешей в безопасности сайта, которую часто допускают неопытные разработчики.

На этом процесс создания пользователя завершен, и мы снова обращаемся к установке MODx Evolution, а именно к странице подключения к базе данных, не забывая записать необходимые данные для подключения к базе.



1.2.2 Подключение базы данных

И так, возвращаемся к нашему сайту и заполняем поля с данными о пользователе и базе данных, рис. 1.17.





Рис. 1.17

Жмем на ссылку  Нажмите здесь для проверки соединения с вашим сервером базы данных и получения сопоставления кодировки для проверки соединения с базой данных. Если все нормально, то вы увидите надпись: Подключениеуспех - сопоставление базы данных доступно, а в окне появится дополнительный модуль с полями для заполнения, рис. 1.18.





Рис. 1.18

Итак, заполняем поля с данными о пользователе и базе данных, в поле «метод сопоставления» выставляем SET NAMES и указываем кодировку utf8_general_ci, рис. 1.18. Проверяем работу базы данных нажатием на ссылку  Нажмите здесь для создания базы данных или для проверки, что такая база существует. Если все нормально, то вы увидите надпись: Проверка базы данныхуспех - база данных выбрана, а в окне появится дополнительный модуль с полями для настройки по умолчанию панели администратора, рис. 1.19.

Вы должны придумать логин и пароль суперадминистратора, а также указать вашу действующую электронную почту. Рекомендую (только для учебного сайта) логин оставить по умолчанию – admin, а пароль использовать тотже, что и для базы данных. Также на этом шаге установки вы должны выбрать язык, который будет использоваться модэксом по умолчанию. Выберите из выпадающего списка Russian-UTF8.



Рис. 1.19

1.2.3 Установка расширений

На следующем шаге вам будет предложено установить различные расширения (шаблоны, чанки, сниппеты) по умолчанию.



Оставьте пустой чек-бокс «Установить пример веб-сайта», а также снимите галочку с чек-бокса Установить/Обновить MODxHost - 1.0 Legacy MODX Host template including dropdown menu Остальное не изменяйте, рис.1.20.



Рис. 1.20

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

Вот, собственно, и все. Установка на этом завершена. Для того чтобы попасть на главную страницу новоиспеченного сайта, наберите опять в адресной строке браузера http://имя_сайта, для доступа в панель администратора в браузере следует набирать http://имя_сайта/manager. При авторизации используйте данные, которые указывали при установке.

1.3. Контрольные вопросы

1. Перечислите основные задачи, решаемые системами управления сайтом.

2. Что такое хостинг?

3. Что такое аккаунт?

4. Как создать нового пользователя базы данных MySQL?

5. Войти в систему управления сайтом?



Задание 2

Первоначальная настройка системы modx Evolution cms

цели занятия

  • настройка основных параметров системы.

Форма организации занятия

Фронтальная.



Студент должен знать

  • как настройка основных параметров системы влияет на работу MODx.

Студент должен уметь

  • выполнять задание №1,

  • настраивать основные параметры системы.

Обеспеченность

  • компьютер с доступом в Интернет,

  • настоящий курс лабораторно-практических работ.

Практическое задание

На предыдущем уроке мы с вами пошагово разобрали процесс установки MODx, который оказался, как вы видели, весьма несложным.

Немножко повторюсь, что после установки MODx вы уже можете обращаться к вашему сайту через адресную строку браузера. Для того чтобы попасть на главную страницу, наберите в адресной строке браузера http://имя_сайта, для доступа в панель администратора в браузере следует набирать http://имя_сайта/manager. При авторизации используйте данные, которые указывали при установке.

2.1. настройка параметров системы

Попав на главную страницу вашего сайта, вы увидите что-то похожее на рис. 2.1. Не сильно впечатляет, правда? Но уже хоть что-то. Долго исследовать главную страницу не будем, так как особо никакой информации она нам не даст. На ней отображается только приветственный текст и несколько ссылок на сайт системы, все на английском языке. Сразу переходим к административной панели нашего сайта.





Рис. 2.1

В адресной строке набираем http://имя_сайта/manager и попадаем на страницу авторизации. Вводим на ней, указанные при установке, данные администратора и жмем на кнопку Войти, рис. 2.2.





Рис. 2.2

И вот она. Система во всей своей красе. Если вы только что установили систему, то вас автоматически должно перенаправить на страницу системной конфигурации, где вам следует задать основные настройки. После внесения желаемых изменений нажмите Сохранить для вступления изменений в силу.

Следующий раз вы на эту страничку настроек сможете попасть, проследовав по пути ИнструментыКонфигурация.

Ну что же. Приступаем к основным настройкам системы.



Внимание: большинство параметров можно оставить по умолчанию, но я все же, пройдусь по основным настройкам, чтобы вы имели о них представление.

Около каждого параметра системной конфигурации в администраторской панели есть небольшая подсказка на русском языке.



2.1.1 Закладка «Сайт»

Заголовок сайта

Здесь вы должны ввести название вашего сайта. В этом поле можно написать все, что угодно, или одно слово, или название домена, или даже название сайта с небольшим его описанием. Т.к. мы в будущем сделаем отображение этого заголовка в названии страницы, то, в это поле следует ввести вашу фамилию, инициалы и номер группы, например: Иванов А.Е. ПКС-309.



Язык системы управления

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

По умолчанию установлен тот язык, который вы указали при установке MODx. У нас по умолчанию Russian-UTF8, оставляем его без изменений и переходим к следующему полю.

Кодировка

Здесь устанавливаем кодировку страниц сайта. Из выпадающего списка выберите «Unicode (UTF-8) – utf-8».



Ссылки в формате XHTML

Если включен этот параметр, то все амперсанды (&) в ссылках будут заменены на конструкцию & в соответствии с форматом XHTML. Тут не стоит сильно заморачиваться — оставляйте по умолчанию «Да»



Первая страница

Здесь необходимо ввести ID страницы, которую вы хотите сделать стартовой, на нее будет попадать посетитель при загрузке сайта. По умолчанию это ID=1. Советую оставить как есть, но имейте ввиду где необходимо вносить изменения, чтобы временно направлять посетителя на другую страницу, например, с очень важной информацией, или новостью, при этом, не изменяя главную страницу.



Страница ошибки «404»

Введите ID страницы, на которую должен попадать посетитель, набравший в браузере адрес несуществующей страницы, либо нажавший на «битую» ссылку на вашем сайте. Такое может периодически случаться, и у вас есть возможность направить такого пользователя на специальную страничку, оповещающую об отсутствии страницы. Если честно, сейчас очень модно создавать интересный дизайн для страниц 404 ошибки и многие при разработке дизайна сайтов, в техническое задание включают требования для оригинальной 404-страницы. Для примера можете посмотреть, как оформил свою страницу известный дизайнер Артемий Лебедев.

По умолчанию ID=1, это значит, что человек, запросивший несуществующую страницу, отправится на главную страницу сайта. Пока у вас оформления страницы 404 ошибки нет, можете оставить по умолчанию, по ходу решим, что с ней делать.

Страница «Доступ запрещен»

ID страницы, которую должны будут увидеть посетители, если попытаются зайти на закрытую страницу (403 – доступ запрещен). Оставляйте без изменений. По умолчанию — единица.



Статус сайта

Оставьте онлайн. Если вы выберете оффлайн, посетители сайта увидят сообщение о недоступности сайта и не смогут просмотреть сам сайт. Это может быть полезно при проведении технических работ на сайте, обновлении дизайна, структуры и так далее, чтобы ограничить доступ к сайту и оставить его только администратору.



Страница «Сайт недоступен» и сообщение о недоступности сайта

Если вы по каким-то причинам статус сайта выставили в оффлайн, то этими полями вы можете воспользоваться для того, чтобы задать ID страницы, которую должны будут увидеть посетители, если попытаются зайти на сайт. По умолчанию страница не создана, и посетитель просто увидит сообщение о недоступном сайте, которое вы можете изменить в поле сообщение о недоступности сайта



Регистрировать посещения

Предоставляет данные для плагина аналитики, например, флажок, определяющий, учитывать ли просмотры конкретного ресурса. Оставьте нет, пока нам это не надо.



Количество лучших показателей

Количество лучших показателей в отчетах статистики. Оставьте по умолчанию — 10.



Шаблон по умолчанию

Нужно выбрать шаблон, который будет применяться к новым ресурсам по умолчанию. При редактировании ресурса вы можете установить любой шаблон. Изначально создан и установлен по умолчанию шаблон Minimal Template. Пока оставим как есть, позднее его изменим либо создадим новый.



«Публиковать» по умолчанию

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



«Кэшируемый» по умолчанию

Выберите Да, чтобы новые ресурсы после создания кэшировались по умолчанию.

Пару слов для новичков, о том, что такое кэширование интернет-страниц и для чего это надо. Кэширование интернет-страниц— процесс сохранения часто запрашиваемых документов на (промежуточных) прокси-серверах или машине пользователя, с целью предотвращения их постоянной загрузки с сервера-источника и уменьшения трафика. Как вариант, кэширование веб-страниц может осуществляться с помощью CMS конкретного сайта для снижения нагрузки на сервер при большой посещаемости. Это значит, что при повторной загрузке пользователем одной и той же страницы, она частично будет взята из кэша, и загрузка займет меньше времени.

«Доступен для поиска» по умолчанию

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



«Индексация меню» по умолчанию

Оставьте Да, чтобы включить автоматическое добавление пункта в меню.



Типы содержимого (Content-Type)

Здесь вы можете добавить типы содержимого (Content-Type) для сайта. Пока можете ничего не добавлять.



Разница во времени

Выберите поправку (количество часов) между временем на месте вашего пребывания и на месте нахождения сервера. Этот параметр можно будет выставить после публикации сайта в интернете. Например, если я нахожусь в Минске, а сервер расположен в Москве, то я могу ввести поправку 1 час (разница в часовых поясах), чтобы синхронизировать время.



Тип сервера

По умолчанию выставлен http, если вы намерены на вашем сайте использовать https-соединения, укажите это здесь.

Примечание: https (Hypertext Transfer Protocol Secure) — расширение протокола http, поддерживающее шифрование. Обеспечивает защиту передаваемых данных и используется для того, чтобы обеспечить аутентификацию и защищенное соединение. Широко используется, например, в платежных системах в интернет-магазинах для того, чтобы зашифровать передаваемые данные о кредитных карточках. В настоящее время https поддерживается наиболее популярными браузерами.

Проверять серверные заголовки HTTP_REFERER

Оставьте по умолчанию — Да.



Лента RSS новостей и лента RSS безопасности

Вписаны адреса RSS-ленты новостей MODx и RSS-ленты безопасности. Транслироваться эти ленты будут на главной странице административной панели на вкладках «Новости MODx» и «Новости безопасности». На них будут транслироваться новости о выходе новых версий MODx либо об обнаруженных уязвимостях. Это очень удобно, вы, не выходя из админки, можете следить за всеми обновлениями и предупреждениями от разработчиков и оперативно реагировать на них. Новости, правда, транслируются на английском языке, но даже поверхностного знания вам должно хватить, чтобы их понять. Если же вы не хотите пользоваться этой RSS возможностью, можете удалить адреса RSS-лент, или вписать туда адрес любой вашей любимой ленты, которую вы периодически почитываете.



2.1.2 Вкладка «Дружественные URL»

Использовать дружественные URL

Выберите Да. Данный параметр позволяет разрешить использование дружественных URL на сайте. Именно для работы этого параметра мы в самом начале установки переименовывали файл ht.access, входящий в дистрибутив MODx, в .htaccess, после установки значения Да появятся дополнительные пункты для дальнейшей настройки дружественных URL.



Префикс для дружественных URL

Оставляем это поле пустым.



Суффикс для дружественных URL

Здесь вы можете указать суффикс для дружественных URL, который будет отделяться точкой от псевдонима страницы. В частности, это выглядит как расширение файлов, например .html, .htm, .php и другие. По умолчанию установлено .html, но вы можете его изменить или вообще убрать. Но, на мой взгляд, с наличием этого суффикса URL страниц выглядит как-то более завершенным, поэтому я оставил по умолчанию.



Использовать псевдонимы в URL

Выбирайте пункт Да, тогда в качестве псевдонима страницы будет использоваться значение, вписанное в поле Псевдоним, при редактировании страницы. Например, в этом поле будет вписано about и при этом вы оставили суффикс для дружественных URL как .html, значит URL этой страницы будет выглядеть так — http://ваш_сайт/about.html. Если поле «Псевдоним» оставить пустым, то URL сгенерируется, исходя из ID документа и будет выглядеть http://ваш_сайт/2.html, где 2 — идентификатор страницы.



Использовать вложенные URL

Выберите пункт Да, чтоб получить вложенную структуру URL. Например, если дочерний ресурс называется дочерний, а родительский ресурс называется родительский, мы получим URL такого типа: http://example.com/родительский/дочерний.



Разрешить повторяющиеся псевдонимы

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



Автоматически генерировать псевдоним

Выберите Да, чтобы система автоматически генерировала псевдонимы на основе заголовков страниц. Т.е. если даже вы оставите при редактировании или создании страницы поле Псевдоним пустым, он сгенерируется автоматически на основе заголовков страниц. Если сайт англоязычный и названия страниц написано латиницей, то для включения автоматической генерации псевдонимов достаточно только этой галочки. Если же сайт русскоязычный, и, следовательно, названия страниц записаны кириллицей, вам следует настроить плагин TransAlias (после сохранения настроек конфигурации). Для настройки плагина вам нужно проследовать: вкладка ЭлементыУправление элементами → Плагины → TransAlias → Вкладка конфигурация → Параметр Trans table выставить в russian и сохранить.



2.1.3 Вкладка «Пользователи»

На вкладке пользователи все параметры можно оставить без изменений.

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

2.1.4 Вкладка «Интерфейс и представление»

Показывать вкладку с META-тегами и ключевыми словами

Установите Да, тогда при редактировании ресурса появится дополнительная вкладка Ключевые слова, на которой вы можете выбирать из списка ключевых слов те, которые подходят для редактируемой страницы.



Путь к файлам

Здесь указывается физический путь к папке файлов. На локальном компьютере будет что-то похожее: Z:/home/site/www/assets/. При переносе готового сайта на сервер (если вы разрабатывали сайт на локальном компьютере) не всегда этот путь подставляется автоматически, поэтому, при переносе сайта на хостинг, я вам настоятельно рекомендую проверить это поле и, при необходимости, изменить на требуемое. На сервере этот путь может выглядеть приблизительно так: /home/site/public_html/assets/. В нашем случае это поле редактировать не нужно.

На вкладке Интерфейс и представление так же можно указать форматы файлов, которые могут быть загружены в папки с изображениями, flash-файлами и медиа-файлами через администраторскую панель (это указывается для того, чтобы в папку с изображениями могли быть загружены только графические файлы и так далее). На этой же вкладке можно настроить HTML редактор. Оставьте пока все по умолчанию.

2.1.5 Вкладка «Файл-менеджер»

Путь для файл-менеджера

Здесь указывается физический путь к корневой папке, для правильной работы файл-менеджера. Это поле так же нужно перепроверять на правильность при переносе готового сайта на сервер. На локальной машине путь может иметь вид Z:/home/site/www/, а на сервере /home/site/public_html/. В нашем случае это поле редактировать не нужно.



Разрешенные к загрузке файлы

Здесь вы можете указать через запятую, файлы каких расширений могут быть загружены на сервер через файл-менеджер.



Максимальный размер загрузки

Максимальный размер загружаемых файлов, значение в байтах. Оставьте по умолчанию (1048576), но имейте ввиду, где надо будет менять при необходимости.



Права на новый файл и права на новую папку

Оставьте по умолчанию.

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

2.4. Контрольные задания

1. Как перейти в панель настройки конфигурации MODx?

2. Как изменить заголовок сайта в MODx?

3. Как настроить дружественные URL?

4. Как настроить пути к файлам в конфигурации MODx?

5. Как настроить разницу во времени с хостинг-сервером в конфигурации MODx?



Задание 3

Интеграция дизайна в систему управления

цели занятия

  • научиться интегрировать дизайн сайта в MODx.

Форма организации занятия

Фронтальная.



Студент должен знать

  • порядок действий по интегрированию дизайна сайта в MODx.

Студент должен уметь

  • выполнять лабораторно-практическое задание №2,

  • интегрировать дизайн сайта в MODx,

Обеспеченность

  • компьютер с доступом в Интернет,

  • настоящий курс лабораторно-практических работ.

Практическое задание

3.1. Постановка задачи

Ну что же, теперь мы постепенно переходим к более интересным вещам, а именно к интеграции дизайна в MODx CMS. У вас установлена и настроена система управления сайтом, и теперь самое время подыскать подходящий дизайн для будущего сайта.

Начинать нашу работу в MODx мы будем с создания сайта визитки. Я подобрал подходящий шаблон, который подойдет нам для выполнения нашей задачи. Это будет шаблон от OS-templates.com. Довольно симпатичный, свежий шаблон в западном стиле. В нем уже организованы страницы разного вида:


  • главная страница с jQuery галереей

  • внутренняя страница из двух колонок с дополнительной навигацией

  • страница из одной колонки на всю ширину шаблона

Главная страница нашего шаблона выглядит так, рис. 3.1.



Рис. 3.1

Шаблон находится в архиве plusbusiness.zip. Сам архив состоит из 3 папок и 3 HTML-файлов, рис. 3.2.





Рис. 3.2

В папке images хранятся изображения, использованные для дизайна сайта, в папке scripts — скрипты, подключаемые для работы jQuery галереи на главной странице, а в папке styles хранятся CSS-файлы которые определяют внешний вид нашего шаблона.

HTML-файлы, которые лежат в архиве это ни что иное, как HTML разметка для каждой из трех видов страниц: index.html — главная страница, style-demo.html — внутренняя страница из двух колонок с дополнительной навигацией, full-width.html — страница с одной колонкой на всю ширину шаблона.

3.2. интеграция дизайна в систему управления

Теперь можно начать интеграцию нашего дизайна в систему управления. Если ваш сайт доступен для просмотра в браузере, то двигаемся дальше.

Все файлы шаблонов, используемых системой управления, хранятся в папке: assets/templates. Войдите на хостинг под своим именем. Создайте папку для нашего будущего шаблона, например — site, в которую скачайте и распакуйте содержимое скачанного архива с шаблоном.

После того, как все файлы оказались в положенном им месте, мы авторизуемся в системе управления http://имя_вашего_сайта/manager, для дальнейшей настройки дизайна.

В администраторской панели следуем по вкладкам: ЭлементыУправление элементамиШаблоны. Вот тут мы и будем создавать новые или настраивать уже созданные шаблоны. Вы увидите, что два шаблона уже создано. Демонстрационный шаблон MODxhost можете удалить, чтобы не мозолил глаза, см. рис. 3.3., а мы займемся изменением шаблона Minimal Template, который, как вы помните из урока по настройке системы, у нас установлен шаблоном по умолчанию.



Рис. 3.3

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

Давайте сперва будем создавать шаблон для главной страницы нашего сайта с jQuery галереей. Для этого при редактировании шаблона в поле Имя шаблона впишите название шаблона, а в поле Описание — краткое описание, чтобы не запутаться, если шаблонов будет много. В область Код шаблона (HTML) нужно вставить HTML-разметку нашей главной страницы, у нас эта разметка указана в файле index.html, который мы совсем недавно положили в папку assets/templates/site. Поэтому мы просто копируем в эту область все содержимое файла index.html предварительно удалив все, что там было до этого. На рисунке 3.4. вы можете посмотреть, как я заполнил эти поля, вы можете сделать точно так же. После заполнения нажмите на кнопку Сохранить вверху страницы.



Рис. 3.4

Сейчас вы можете посмотреть, что получилось, открыв главную страницу в браузере: http://имя_вашего_сайта, рис. 3.5.





Рис. 3.5

Пока она выглядит не очень впечатляюще, ведь у нас нарушились все пути к подключаемым файлам стилей, изображениям и скриптам, поэтому мы сейчас займемся их исправлением. Обратите внимание, что при подведении курсора мыши к самому верху страницы, уже появляется панель управления страницей, я остановлюсь на ней попозже, сейчас же главное сделать правильное отображение шаблона, для чего мы опять следуем к странице редактирования шаблона: Элементы → Управление элементами → Шаблоны → Главная страница.

Начинаем изменять пути к файлам и изображениям в шаблоне.

Вначале пропишем базовый URL для нашего сайта, чтобы предостеречься от неправильного распознавания относительных путей. Для этого внутри тега




Поделитесь с Вашими друзьями:
  1   2   3   4   5   6   7   8   9   ...   12




База данных защищена авторским правом ©vossta.ru 2022
обратиться к администрации

    Главная страница