Инструкция по созданию сайта на MODx. Урок 23 — Скачать готовый MODx сайт, соответствующий веб-стандартам

Сегодняшнюю заметку можно считать заключительной в курсе «Инструкция по созданию сайта на MODx». Пройдя один за одним все 22 урока, мы вместе с вами получили готовый сайт и уже знаем как выложить его на хостинг.

Сейчас, итоговый вид создаваемого нами сайта вы сможете посмотреть по адресу http://site.efimov.ws.

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

Прочитав инструкцию по созданию сайта-визитки полностью, вы должны уметь:

1. Интегрировать дизайн в систему управления. Вы получили представление о работе с чанками и сниппетами в MODx.
2. Создавать динамические меню, которые автоматически генерируются на сайте. Для этих целей мы использовали сниппет  Wayfinder и познакомились с основными его параметрами.
3. Работать с выводом документов с помощью сниппета Ditto (вывод ленты новостей, сортировки, постраничные разбиения, динамический вывод слайдера на главной и т.д.).
4. Настраивать поиск по сайту с помощью сниппета AjaxSearch.
5. Создавать карту сайта для посетителей и XML карту для поисковых машин.
6. Реализовывать форму обратной связи с помощью сниппета eForm.
7. Делать цепочку навигации для улучшения юзабилити сайта.
8. Работать с ключевыми словами и мета-тегами при SEO оптимизации сайта.

При этом, как я и обещал в заметке со сравнительной оценкой MODx, сайт получился полностью валидным, соответствующим веб-стандартам. Вы сами можете в этом убедиться: проверка XHTML, проверка CSS.

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

Все перечисленные пункты очень подробно описаны в уроках и снабжены видеороликами. Что делает материал довольно легким для изучения. Но, если вдруг у вас появились нерешенные вопросы по ходу прохождения уроков, вы можете установить уже готовый MODx сайт. Кому-то он поможет разобраться c возникшими проблемами, приведшими в ступор при прохождении уроков, кто-то просто в ознакомительных целях сможет посмотреть готовый MODx сайт изнутри.

Я предлагаю вам скачать итоговый сайт (все файлы и база данных).  Сайт создан с использованием последней на момент написания статьи версии 1.0.5 ветки MODx Evolution.

Внимание: архив с файлами сайта и базой данных весит 10mb.
Для доступа в систему управления использовать данные: имя пользователя — admin; пароль — efimov.ws.

Для установки сайта следует проделать ряд шагов, которые подробно описаны в 22 уроке, а именно:

• Скопировать файлы на хостинг или на локальный сервер;
• Создать базу данных с кодировкой  UTF-8 экспортировать туда содержимое sql файла с базой данных готового сайта;
• Изменить  данные созданной БД и данные пользователя базы в конфигурационном файле config.inc.php (находится в папке manager/includes);
• Указать права доступа к файлам и папкам (при установке прямо на хостинг);
• Сбросить пути к файлам и кэш в системе управления 

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

При изменении сайта под свои нужды необходимо изменять в первую очередь:

• чанк HEADER, для изменения названия сайта и слогана;
• чанк FOOTER, для изменения контактной и другой информации, расположенной в «подвале» сайта;
• чанк RIGHT-COL, для изменения содержимого правой колонки. В правой колонке вы можете размещать любую информацию, будть то ссылки на какие-нибудь материалы на вашем сайте или рекламные банеры;
• чанк form, для изменения электронного адреса, указанного в вызове сниппет, на который должны приходить письма, отправленные с помощью формы обратной связи

Список всех чанков, доступных для редактирования, находится на вкладке в системе управления Элементы → Управление элементами → Чанки.

Не забудьте также заглянуть на вкладку Инструменты → Конфигурация для изменения различных важных настроек и заголовка вашего сайта.

Для изменения, например, цветовой гаммы сайта, необходимо редактировать CSS файлы стилей, которые находятся в папке assets/templates/site/styles/.

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

Автор: Ефимов Виктор

Вы можете также посмотреть другие уроки по созданию сайта на MODx: