modx обучение с нуля
Быстрый старт в MODX Revolution
Revolution дорос уже до версии 2.0.8, но большинство разработчиков не спешит его использовать, так как документация еще не полная, да и статей на русском очень мало.
Лично я не нашел ни одной пошаговой инструкции «для чайников», и поэтому решил написать ее сам.
Конечно, это топик для не «совсем чайников», а для людей, которые хоть немного знакомы с Evolution и при переходе на Revolution обломались от всего непривычного, как я. Никаких секретов и ловких методик тут не будет. Обычный how-to с картинками (их довольно много).
Установка
MODX распакован, нужно создать ему БД. Это делается из админки хостера. Создаем еще пользователя и назначаем ему полные права на базу и пароль покруче. У %Мойлюбимыйхостер% это все делается в 6 кликов мышью.
Правда, я потом еще залезаю через phpmyadmin и вручную ставлю тип БД в utf-8, так как по умолчанию там cp1251. utf-8 очень хорошая штука, настоятельно рекомендую использовать ее.
Кликаем по кнопочкам. 
Вводим данные для подключения к БД
Проверка окружения
Установка окончена + удаление файлов установки в целях безопасности
Можно входить в панель управления с заданным ранее логином и паролем.
Поздравляю, MODX установлен!
Установка пакетов
Заходим в меню Система->управление пакета
Обязательно ставим:
Wayfinder — генерация меню.
getResources — замена Ditto, работа с ресурсами.
CodeMirror — редактор с подсветкой синтаксиса.
Еще очень рекомендую поставить
TinyMCE — WYSIWYG редактор для самых маленьких. Пригодится, если вы плохо помните html.
phpThumbOf — ресайз картинок при выводе на экран. Работает как фильтр PHx.
Breadcrumbs — цепочка меню, для вывода навигации типа «Главная->раздел->подраздел».
translit — автоматическая транслитерация псевдонимов ресурсов для дружественных url.
Обратите внимания, что после загрузки пакетов их нужно еще и установить.
А после установки, желательно еще поставить обновления на пакеты, если есть.
Настройка рабочего пространства
Тыкаем Система->Настройка системы
Настройка системы довольно таки отличается от Evo внешним видом, но суть — та же. Находим нужный параметр и меняем.
Есть фильтр по категорям + поиск по имени. Также, отдельно настраиваются движок (core) и сниппеты.
Хочется отметить, что теперь возможно самостоятельно создавать системные параметры, чтобы к ним обращаться из своих сниппетов и плагинов.
Настройки вступают в силу сразу же, кнопочки «сохранить» нет.
Нам нужно задать имя сайта и дружественные url.
Для того, чтобы автоматом генерировался псевдоним дружественного url в зависимости от pagetitle, мы уже поставили пакет translit — аналог transalias из Evo. Теперь настройте у себя все как показано на скриншоте.
Сходным образом меняются и все остальные настройки.
Почти все
В принципе, типовая установка и настройка закончена. Можно создавать ресурсы, рисовать шаблоны и радовать домочадцев довольным урчанием. Revolution оказался не так уж и страшен.
В заключение, несколько моментов:
Разница в тегах
Теперь все тэги заключаются в скобки [[]]:
[[*templatevar]]
[[$chunk]]
[[snippet]]
[[+placeholder]]
[[
link]]
[[++system_setting]]
Кэшируются и чанки и сниппеты, и даже, наверное, плейсхолдеры. Чтобы вызвать их без кэша — добавляем как раньше восклицательный знак.
[[!$chunk]]
[[!snippet]]
Встроенный PHx
Свершилось то, о чем все знающие мечтали! Теперь PHx встроен в ядро и его можно использовать везде!
Для тех, кто не в курсе, что это — викиучебник. Он написан для Evolution, но в целом — все то же.
Простейший пример использования:
[[*longtitle:is=«:then=`Расширенный заголовок отсутствует`:else=`Заголовок: [[*longtitle]]`]]
Обработка TVs
При создании TV можно указать тип вывода.
Пример:
Создаете TV с именем img, указываете для него тип вывода image, заполняете дефолтные параметры и при выводе на страницу как [[*img]] у вас и будет выводиться картинка! То есть прям с тэгами img title и т.д., что указали. А если выставить тип вывода текст — выведется только путь к изображению, как раньше.
Эту фишку, кстати, понимает и getResources.
Сниппет getResources
Этот сниппет — основной инструмент для работы с ресурсами. Он пришел на смену Ditto2 (Ditto3 для Revo тоже есть, но он бета, и обновляться больше не будет).
Сниппет имеет несколько отличий от Ditto.
1. Он не включает по умолчанию обработку TV. Нужно &includeTVs=`1`, чтобы сразу обрабатывать TVs нужно &processTVs=`1`
2. Не включает по умолчанию вывод контента! Юзать &includeContent=`1`.
3. Лимит на вывод ресурсов по умолчанию — 5. Я сначала тупил, почему выводит всего 5 документов из любого контейнера, так как Ditto выводил все.
4. Нет дефолтного шаблона, если вызываете getResources без &tpl=«, он выведет список ресурсов со всеми свойствами в виде массива — очень удобно, кстати.
5. Параметра startID нет, есть parents, работает как тот же параметр у Ditto.
Дерево ресурсов
Ресурсы, как и раньше можно раскидывать по категориям, но теперь, категории вкладываются друг в друга и можно рассортировать все свои сниппеты и чанки как угодно. Да, теперь они еще и мышкой перетаскиваются и создаются по правой кнопке, без перезагрузки страницы, если нужно.
Вообще, если привыкнуть к новому дереву ресурсов, возвращаться в Evolution просто не хочется. Очень удобно, очень.
Гид по CMS MODX для новичков!
Система управления контентом MODX это сравнительно новая система. Многие не знают про неё или боятся её, хотя система очень крута. В статье мы расскажем вам про CMS MODX.
Что такое MODX
Modx – это бесплатная система управления содержимым/контентом и фреймворк для Web-приложений. Ее разработка стартовала в 2004 году. На сегодняшний день представлены две версии движка: Evolution и Revolutoin. Разработчики уже прекратили поддерживать первую (но осталась поддержка сообществом пользователей). В данный момент актуальна только вторая версия. Именно над Modx Revolution теперь активно работают создатели.
Преимущества MODX
В ТОПе Рунета CMS Modx надежно закрепилась в пятерке лидеров. И речь идет о рейтинге всех систем: как коммерческих, так и с открытым исходным кодом. Modx принадлежит к категории Open Source, а значит, дает возможность создавать как сайты, так и веб-приложения.
К плюсам Modx можно отнести:
С помощью Modx можно добавить на страницу много полезных модулей: опросы, форум, чаты, блоги, подписку, фотогалереи, баннеры, интернет-магазин, платежные системы и прочие.
Большинству новичков ошибочно кажется, что система обладает весьма ограниченным рядом настроек. Но на самом деле это не так. Любой опытный веб-мастер знает, что Modx предоставляет огромное количество возможностей, которые за умелой оптимизацией панели администратора можно сразу и не разглядеть.
Использование шаблонов в ModX
Данная CMS не предусматривает работу с готовыми макетами. Но решение все равно есть: подгонять для ModX html-шаблоны. Поэтому, если вы владеете HTML и CSS, вам без проблем удастся настроить дизайн, пусть для этого и понадобится некоторое время.
Сейчас в Сети полно различных html- и css-шаблонов, в том числе бесплатных. Можно найти даже сборки, подготовленные специально для ModX.
Настройка шаблонов делается по такому алгоритму:
Как создать интернет-магазин в ModX
Система прекрасно подходит для реализации этой задачи, поскольку встроенные модули позволяют создавать интернет-магазины всех типов и масштабов. Эти инструменты ничуть не хуже многих платных аналогов. Они включают в себя такие функции:
Чаще всего интернет-магазины создают в ModX с использованием модуля MiniShop, который легко превращает обыкновенный веб-сайт в хорошую торговую площадку. В дополнение ко всему он позволяет связывать товары по разным характеристикам, публиковать справочную информацию от производителей, добавлять неограниченное число складов, встраивать функцию «статус заказа» и процедуру регистрации пользователей.
Многие разработчики подготавливают и распространяют уже готовые сборки с определенным набором модулей. Но всегда можно заказать индивидуальный вариант, подходящий под конкретные условия и пожелания клиента.
Недостатки CMS ModX
Во всем есть свои минусы, и Modx – не исключение. Но хотя в данном случае их нельзя назвать критичными, желательно все-таки учесть эти нюансы перед установкой системы на сервер:
Что касается второго пункта, решение мы уже находили – использовать CSS-шаблоны. Вот только справиться с настройкой этих файлов для использования в Modx под силу только опытным мастерам, хорошо знающим Modx-теги. В итоге, позиционируемая простой, система на самом деле заставляет новичков столкнуться с труднопреодолимыми препятствиями.
Терминология Modx отличается от той, которая используется в прочих CMS. Это вряд ли можно считать существенным недостатком, просто придется привыкать к тому, что веб-страницы здесь называются ресурсами, а чанки – это часто используемые фрагменты HTML-разметки.
Выводы
Система управления контентом Modx соединила в себе такие качества как функциональность, простоту в использовании и кроссбраузерность. Тем, кому версия Revolution покажется сложной, рекомендуем начать со знакомства с Modx Evolution. Не нужно бояться, что разработчики ее забросили: в пользовательском сообществе достаточно профессионалов, всегда готовых оказывать техподдержку движка.
Modx предоставляет веб-мастерам полную свободу выражения. С помощью системы можно создать сайт любого масштаба и типа: от одностраничного ресурса с описанием единственной услуги до полнофункционального интернет-магазина или крупного корпоративного портала. Но весь спектр возможностей Modx доступен только тем, кто знает хотя бы базу HTML/CSS, поэтому полным новичкам работать с движком будет непросто.
Защита Modx Revolutoin находится на высоком уровне. Так что миф об уязвимости систем с открытым исходным кодом, так активно распространяемый многими веб-студиями, не стоит принимать за правду. Modx Evolution в этом плане действительно чуть слабее. Именно поэтому для создания сайтов с платежами лучше все-таки пользоваться активной версией – Revolution.
Modx обучение с нуля
Не знаю кто сказал: «Самый лучший способ разобраться в чем-либо – это написать об этом книгу». Руководствуясь этим принципом и некоторыми другими соображениями решил создать небольшой курс для начинающих изучать MODX Revolution. Это первый урок из запланированной серии обучающих уроков по MODX Revolution для новичков. За основу взял курс http://codingpad.maryspad.com/category/modx/ на английском языке, так что если где-то увидите внутри кода ссылки на этот сайт, не удивляйтесь. Я пока что отрабатываю локально все эти элементы и чтобы не тратить время на создание скриншотов, решил брать изображения из блога Мэри и сделать его перевод в силу своих возможностей. Предупреждаю сразу, что гуглопереводчиком не пользуюсь, если есть ошибки, то они лично мои… Буду благодарен за любые советы, замечания и пожелания по данному курсу.
Итак, о чем пойдёт речь: MODX Revolution это новая ветка в MODX CMS, которая построена на асболютно другой кодовой базе, чем MODX Evolution. Исходя из слов основателя Райена Треша (Ryan Thrash):
«MODX Revolution — это полностью новый MODX. Он содержит в себе душу того, что делает MODX великой платформой для построения пользовательских вебсайтов и больших приложений и в то же время позволяет делать большее для их улучшения. MODX Revolution 2.0 является более сильной CMS или CMF и может справляться с сайтами с бОльшим количеством вложенных категорий и предлагает большие возможности для работы с множеством сайтов и субдоменнов из одной инсталяции — так называемая «мультисайтовость» MODX Райен Треш (Ryan Thrash)
Уроки MODX Revolution
Мы начнем с самого начала, с установки MODX Revolution и перейдем к построению простого сайта.
Будем исследовать разные фичи, чуть не сказал «компоненты» по аналогии с Joomla, адонны и все необходимые вещи для создание сайта с помощью MODX Revolution.
Держите в голове, что самым лучшим источником для изучения MODX Revolution остается отличная и постояннорастущая официальная документация и я основательно рекомендую, чтобы вы внесли в закладки и знакомились с мануалами на тему MODX.
Целевая аудитория MODX уроков
Целевая аудитория для этих уроков — это в основном люди, которые до этих уроков были полностью не знакомы с MODX Revolution. Вам совсем не нужно знать MODX Evolution для прохождения данных уроков.
Если вы знакомы с MODX Evolution, вы можете найти начальные уроки несколько скучными, так как уже все это знаете и основы там и здесь будут повторятся, но я надеюсь, что вы все же чему-то научитесь из данных уроков.
Если вы уже знакомы с MODX Revolution, тогда эти уроки скорее всего вам будут малополезны, так как большинство материала отсюда вам должно быть известно, так что можете просто «потусить» здесь, может найдете какие-либо ошибки и укажете мне на них.
ВАЖНОЕ ЗАМЕЧАНИЕ:
Необходимо осознать одну очень важную вещь самого начала — в MODX CMS почти всегда есть несколько способов сделать что-либо. MODX не ограничивает вас в выполнении чего-либо в определенном порядке или определённым образом. Мои объяснения будут лишь показывать как те или иные вещи делаю я. Это не значит, что это единственно верный способ или наилучший способ, это просто один способ. Таким образом, эти уроки — доступное руководство к действию, точка вашего старта в разработке сайтов. Обязательно пользуйтесь официальной документацей, посещайте другие блоги, форумы и сообщества MODX для поиска новых идей и нового обучения. У меня лишь одна надежда, что вы возьмете к себе на вооружение вещи, изложенные здесь и будете развивать свои способности как у вас получится.
Что нужно для обучения MODX:
По ходу занятий я буду давать некоторые пояснения, которые будут выделятся следующим образом:
Также уроки могут содержать демо примеры, переход на которые и скачивание исходников могут быть обозначены кнопками:
Виктор
Начало грамотно изложено. Появляется интерес продолжать читать такой материал! Автор молодец.
Согласен с предыдущим оратором полезный материал, до Revo работал с joomla 2 года и MODx Evo пол года, но решил попробовать что-то новое установил, и был поражён функционалом, впервые встретил кмс такого уровня, не зря Revo везде хвалят, сложновато, но будем учиться!
Виктор, что вы посоветуете учить, чтобы уметь делать на modx сайты любой сложности и функциональности? (кроме html и css)
Тут прочитал, что сначала надо освоить SmallBasic или Pascal, затем переходить на php5-6 тем, кто вообще не знаком с программированием.
Viktor Minator
Почему то нет урока 1 и 2 в перечне уроков, который можно посмотреть в меню «Уроки MODx» в шапке сайта
Знакомство с MODX
В наши дни выбор систем управления контентом (CMS) настолько велик, что невольно теряешься. Причем, качество системы не зависит от того платная она или нет, а принятое решение затем надолго вас привязывает к выбранной CMS.
Предлагаю вашему вниманию перевод статьи английского веб-разработчика Марка Дженкинса, открывшего для себя MODX после многих лет разработки в различных системах.
Вначале идет перевод статьи, затем — некоторые комментарии по тексту. 
Я только что закончил свой второй проект на платформе MODX, и думаю, самое время изложить свои мысли. У меня сложилось такое впечатление, что в web-индустрии MODX преимущественно не имеет широкую известность, отчасти поэтому, в целях просвещения, я и пишу эту статью.
Что такое MODX?
MODX – это система управления контентом с открытым кодом. Она построена на основе PHP и MYSQL, поэтому работает практически на любом сервере. Как и в WordPress существуют две версии: MODX Revolution (как wordpress.org, версия для скачивания и установки на ваш сервер) и MODX Cloud (как wordpress.com).
MODX – непритязателен: не важно, где располагаются шаблоны, как они организованы или где размещается контент. Это гибкая система, позволяющая работать как вам угодно.
Где можно использовать MODX?
Выбор систем управления сайтами (CMS) довольно широк. Раньше я пользовался WordPress, Perch, Expression Engine и Kirby, так же как Shopify и Magento для интернет-магазинов. Я использую WordPress и Perch на постоянной основе и обе системы доказали свою надежность и простоту использования.
Отсюда возникает вопрос: «Зачем вообще я должен вникать в MODX?»
Думаю, будет честно, если скажу, что я довольно хорошо знаком с WordPress, т.к. делал в этой системе практически все: блоги, 5-ти страничные сайты, мульти- региональные сайты с сотнями страниц. Разрабатывая на WordPress большие сайты, я сталкивался со многими трудностями, например: структура постоянных ссылок и систематика могут быть ограничены. Хотя в последние годы CMS значительно улучшилась, но все же чувствуется, что это не подходящий инструмент для работы с огромными и сложными сайтами.
Именно здесь MODX предстает во всей красе. Пока WordPress собирает структуру (пользовательские типы постов, систематика, темы) MODX предлагает пустую оболочку, готовую подстроиться под любые ваши потребности.
То, с какой легкостью MODX работает с шаблонами, впечатляет. Не нужно создавать шаблоны с заданным именем файла или размещать их в определенной папке, а синтаксис MODX обеспечивает чистоту и доступность кода.
Я перехожу с WordPress. Сложно будет переучиваться?
Во-вторых, MODX использует свой синтаксис тегов. Поначалу, я думал, зачем вообще разработчики MODX заморачиваются над созданием своего синтаксиса, но попробовав на практике, стало понятно. Он позволяет содержать код шаблона чистым и понятным (по крайней мере, лучше, чем эти ужасные непоследовательные функции WordPress).
Совместимость с Git
Есть ли недостатки у MODX?
Как я уже отмечал в этой статье, изучить MODX несложно. Некоторое время займет привыкание к терминологии и способам реализации тех или иных вещей.
Документация достаточно хорошая, хотя в поисках ответов на некоторые вопросы вам придется постараться. Шансы найти ответ по возникшей проблеме в WordPress, вероятно, в несколько раз выше, т.к. численность сообщества MODX поменьше.
Тем не менее, я нашел сообщество в Твиттере, которое оказалось очень полезным. Отправив несколько вопросов группе #MODX, я каждый раз получал хотя бы один ответ, который направлял меня в нужном русле.
Процесс установки MODX более сложный, чем у WordPress. Например, чтобы установить систему локально, я клонировал наш репозиторий, затем скопировал туда файлы MODX, настроил файлы конфигурации, запустил установку, подправил некоторые файловые разрешения и снова запустил установку. По сравнению с WordPress, поднятие и запуск MODX немного витееваты.
Создание сайта на MODx CMS — видео урок
Почти год назад, в ноябре 2010, у меня появилось желание сделать обучающее видео по созданию сайта на MODx Evolution. Не прошло и полугода, как прошел год и я с удовольствием могу показать вам свое творение. Так как длинное видео это не формат Хабра, я сделал короткий тизер под названием «Сайт на MODx за 5 минут», а под катом полное видео.
Специально для тех, кто заинтересовался или не успевает так быстро усваивать информацию — под катом полное видео (30 минут) о том, как установить и настроить MODx, подготовить шаблон к интеграции в MODx, интегрировать и получить готовый сайт. И все это я подробно объясняю.
Вот полное видео, а ниже рассказ о том, как я его делал.
Как я уже говорил выше, история создания данного видео растянулась почти на год. Все началось с того, что я не хотел мычать и мямлить в микрофон и решил отдельно записать видео и звук по сценарию.
Сценарий был готов уже через недельку, в общей сложности получилось 10 страниц. Далее я по нему отснял видео без звука. Не имя опыта в таком деле — я долго возился с выбором кодека и программы для записи.
В итоге я выбрал CamStudio 2 для записи видео, у них же на сайте скачал какой-то кодек, который давал приемлемые по размеру файлы на выходе. Звук я записал уже весной 2011 в студии у знакомого, но оказалось, что микрофон тихий и надо было сидеть ближе к нему, однако другой возможности записаться мне не подвернулось и пришлось разбираться в первом попавшемся редакторе звука, им оказался Adobe Soundbooth. Честно пробовал использовать Audacity, но он несколько раз упал вместе со всеми изменениями и я забросил эту идею.
Значительная часть времени ушла на чистку ахов, вздохов и шумов в аудио. Но потом встал вопрос куда более интересный — а чем же все это объединять, ведь у меня звука было минут на 15, а видео на 40.
Разобраться с Adobe Premiere у меня не вышло просто по тому, что все мои попытки создать проект и добавить туда видео были тщетны. Раз за разом шайтан машина отказывалась показывать мне мое видео и тогда я вернулся к тому, с чего начал — Camtasia Studio. Именно из-за того, что запись видео в ней глючила у меня на машине, а переустанавливать из-за этого винду не было ни малейшего желания я и начал писать видео в CamStudio.
Процесс шел медленно, на меня постоянно наваливалась работа вперемешку с ленью и 2 месяца назад было готово минут 7 готового видео. Однако волевое усилие помогло и в этом случае, я начал каждую субботу уделять по 2-3 часа на это благое дело и работа пошла.
Вы не представляете, как я волнуюсь, выкладывая это видео на всеобщее обозрение, т.к. очень не легко оно мне далось =)
Тем кто дочитал до сюда полагается бонус — подборка полезных ссылок из видео, а также исходники.
Запасная страница, а то мало ли =)
PS: Ютуб сказал, что не покажет жителям Германии короткий ролик, вот он на Vimeo. А большой ролик вообще отказался размещать из-за его размера.
PS2: Предлагаю всем желающим сделать подобное видео про свою CMS. Я имею ввиду короткий ролик.