Статья

Создание сайта на ModX: особенности разработки CMS

21 июня 202614 мин чтения
Амиржан Тажин
Амиржан Тажин

Директор Точка KZ

ModX — CMS для тех, кому важнее гибкость и чистота кода, чем набор готовых модулей «из коробки». Вместо навязанной структуры шаблонов разработчик получает конструктор из базовых элементов — чанков, сниппетов и TV-параметров. Разбираем, как проходит разработка на ModX и кому она подходит.

Особенности разработки на ModX

Полный контроль над HTML-выводом

В отличие от CMS с готовыми шаблонами, ModX не навязывает структуру разметки — разработчик пишет ровно тот код, который нужен, без лишних обёрток.

Чанки, сниппеты и TV-параметры

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

SEO-чистый код без лишней разметки

Поскольку разработчик полностью контролирует вывод, легче добиться технически чистого HTML — без избыточных тегов и скриптов, характерных для «коробочных» CMS.

Нет готового набора модулей «из коробки»

В отличие от Bitrix или WordPress, у ModX нет обширной библиотеки готовых расширений — большинство функций дорабатывается или пишется с нуля.

Интернет-магазин требует дополнительной разработки

Готовых модулей электронной коммерции для ModX меньше, чем для более популярных CMS — под каталог и корзину обычно дорабатывается отдельное решение.

Нужна консультация?

Расскажите, что у вас за задача — бесплатно проконсультируем и предложим, как её решить.

Получить консультацию

Плюсы и минусы ModX

Плюсы

  • Полный контроль над структурой кода и вёрсткой
  • Хорошая база для нестандартного дизайна и уникальной подачи контента
  • Меньше «мусорного» кода, чем у CMS с большим числом встроенных модулей

Минусы

  • Требует программирования — не подходит для запуска силами нетехнической команды
  • Меньше готовых решений для типовых задач вроде каталога товаров
  • Найти опытного разработчика по ModX сложнее, чем по популярным CMS

После запуска сайту на ModX также требуется сопровождение — какие задачи туда входят, разбираем в статье «Поддержка сайта на ModX».

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

Фиксируйте архитектуру чанков и сниппетов документацией

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

Используйте гибкость для нестандартного дизайна

ModX особенно оправдан, когда проект требует уникальной вёрстки, которую сложно реализовать в рамках готового шаблона CMS.

Оценивайте реальный объём разработки заранее

Отсутствие готовых модулей означает больше часов на кастомную разработку — закладывайте это в сроки и бюджет проекта с самого начала.

Когда выбирают ModX

ModX — система для тех, кому важен полный контроль над вёрсткой и структурой данных. Она не навязывает готовые шаблоны и не вставляет лишний код, поэтому на ней удобно делать сайты по нестандартным дизайн-макетам.

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

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

ModX в сравнении с другими платформами

Сроки и бюджет создания корпоративного сайта на разных платформах
Сроки и бюджет создания корпоративного сайта на разных платформах
ПлатформаСрок запускаБюджет разработки (ориентир)Особенность
WordPress3–6 недельот 150 000 ₸Много готовых плагинов
ModX4–8 недельот 200 000 ₸Чистая вёрстка и гибкая структура
Joomla4–8 недельот 180 000 ₸Встроенные права доступа и многоязычность
1С-Битрикс6–12 недельот 350 000 ₸Интеграция с 1С и Bitrix24
Drupal8–16 недельот 400 000 ₸Сложные структуры и масштабирование

Ориентиры для корпоративного сайта на 10–30 страниц. Точная цена определяется после брифа.

ModX находится в середине по стоимости: дороже WordPress из-за большей доли ручной работы, но заметно дешевле тяжёлых платформ. Стоимость зависит от того, сколько нестандартных элементов в дизайне и сколько данных нужно структурировать.

Как устроена разработка на ModX

Шаблоны и чанки

Верстальщик передаёт готовые страницы, а разработчик разбивает их на шаблоны и повторяющиеся фрагменты — чанки. Шапка, подвал, карточки и блоки заявок становятся отдельными элементами, которые можно менять в одном месте.

Сниппеты и вывод данных

Динамические списки, фильтры и формы реализуются сниппетами — небольшими PHP-программами. Для типовых задач используют проверенные дополнения, например pdoTools для выборок и FormIt для форм, а нестандартную логику пишут самостоятельно.

Дополнительные поля

Дополнительные поля позволяют хранить у каждой страницы структурированные данные: цену, срок, фото, характеристики. Редактору остаётся заполнить форму, а шаблон сам определит, как это показать.

Интернет-магазин

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

Этапы создания сайта на ModX

Этапы создания сайта на ModX и их сроки
Этапы создания сайта на ModX и их сроки
ЭтапСрокРезультат
Бриф и техническое задание3–5 рабочих днейСтруктура сайта, перечень данных и функций
Дизайн-макеты7–15 рабочих днейУтверждённые макеты ключевых страниц
Вёрстка8–14 рабочих днейАдаптивные страницы по макетам
Подключение к ModX и настройка структуры8–15 рабочих днейШаблоны, чанки, поля, меню
Разработка сниппетов и форм5–12 рабочих днейДинамические блоки и обработчики заявок
Наполнение, тестирование, запуск5–10 рабочих днейСайт на боевом домене с резервными копиями

Общий срок — от 4 до 8 недель при параллельной работе дизайнера и верстальщика.

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

Расходы на сайт на ModX за три года

Примерные расходы на сайт на ModX
Примерные расходы на сайт на ModX
Статья расходовПервый годВторой годТретий год
Разработкаот 200 000 ₸——
Хостинг и доменпо тарифу провайдерапо тарифу провайдерапо тарифу провайдера
Сопровождение (тариф «Базовый»)от 360 000 ₸от 360 000 ₸от 360 000 ₸
Итого без хостингаот 560 000 ₸от 360 000 ₸от 360 000 ₸

Тариф «Базовый» — от 30 000 ₸ в месяц.

Особенность ModX — стоимость поддержки зависит от качества кода. Хорошо написанный сайт обслуживать дёшево, а проект с хаотичными сниппетами каждый раз превращается в расследование. Подробнее об обслуживании — в статье «Поддержка сайта на ModX».

SEO-подготовка сайта на ModX

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

  • Человекопонятные адреса страниц с единым правилом формирования.
  • Уникальные заголовки и описания, которые можно задавать для каждого ресурса.
  • Автоматическая карта сайта и корректный файл robots.txt.
  • Канонические ссылки и защита от дублей страниц с параметрами.
  • Микроразметка для организации, статей и товаров.
  • 301-редиректы со старых адресов при переезде.
SEO-чек-лист перед запуском сайта
SEO-чек-лист перед запуском сайта
Пункт проверкиОжидаемый результат
Страницы без заголовка и описания0
Страницы с кодом ответа 404 в карте сайта0
Время загрузки главной на мобильномДо 3 секунд
Работающие редиректы со старых адресов100 % из списка

Проверку выполняют до открытия сайта для индексации.

Типичные ошибки при разработке на ModX

  • Хранение логики в чанках вместо сниппетов, из-за чего код становится неуправляемым.
  • Отсутствие документации и описания структуры полей для будущих разработчиков.
  • Установка пакетов из непроверенных источников.
  • Правки на рабочем сайте без тестовой копии.
  • Отсутствие настроенного кэширования и как следствие медленная генерация страниц.

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

Как выбрать подрядчика для проекта на ModX

  1. Спросите, на каких проектах ModX команда работает сейчас, и попросите показать примеры.
  2. Уточните, какую версию ядра они используют и есть ли опыт перехода между ветками.
  3. Узнайте, как организована разработка: есть ли тестовая копия и система контроля версий.
  4. Попросите описать, как будет передаваться сайт: документация, обучение редакторов, доступы.
  5. Обсудите условия сопровождения и сроки реакции после запуска.

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

Многоязычность и мультирегиональность на ModX

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

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

Оценка трудоёмкости добавления языка на сайт ModX
Оценка трудоёмкости добавления языка на сайт ModX
Объём сайтаДобавление второго языкаСрок
До 10 страницот 40 000 ₸3–5 рабочих дней
10–30 страницот 80 000 ₸5–10 рабочих дней
Более 30 страниц и каталогот 150 000 ₸10–20 рабочих дней

Стоимость переводов в оценку не входит.

Интеграции: формы, CRM и оплата

Большинство сайтов на ModX решают задачу привлечения клиентов, поэтому сразу после запуска к ним подключают заявки в CRM, аналитику и мессенджеры. Формы обрабатываются с помощью проверенных дополнений либо собственных сниппетов, которые отправляют данные в Bitrix24 через API вместе с источником визита и меткой рекламной кампании.

Для интернет-магазина добавляется приём платежей, расчёт доставки и выгрузка заказов в учётную систему. Эти интеграции описывают в техническом задании отдельным блоком, потому что они определяют сроки сильнее, чем дизайн. Например, подключение платёжной системы с тестированием сценариев отказа и возврата занимает от 5 до 10 рабочих дней.

  • Заявки с форм — в CRM с сохранением всех полей и источника трафика.
  • Уведомления менеджеру в Telegram или на почту в течение минуты.
  • Подключение онлайн-оплаты и фискализации для интернет-магазина.
  • Выгрузка каталога и остатков из учётной системы по расписанию.

О том, как связать сайт с учётной системой, подробнее — на странице услуги по интеграции с 1С.

Обучение редакторов и передача проекта

Сайт на ModX остаётся удобным, только если редакторы понимают, как с ним работать. Панель управления гибкая, но не такая интуитивная, как у массовых систем. Поэтому в проект закладывают обучение: от одной до двух сессий по 1–2 часа и короткую инструкцию с примерами типовых операций.

  1. Показать структуру сайта в панели и объяснить, где находятся страницы, шаблоны и поля.
  2. Научить добавлять и редактировать материалы, загружать изображения, менять меню.
  3. Объяснить, что нельзя редактировать самостоятельно, например сниппеты и системные настройки.
  4. Передать доступы и зафиксировать, кто отвечает за обновления и резервные копии.

Без такой передачи сайт со временем «ломается» руками сотрудников: изменённый чанк, удалённый ресурс, неудачная вставка кода. Вложения в обучение окупаются уже в первый год.

Что запомнить

ModX даёт свободу в вёрстке и структуре данных, но требует опытного разработчика и продуманной документации. Закладывайте обучение редакторов, резервное копирование и регламент обновлений, и сайт будет стабильным.

Типичные вопросы заказчиков

Заказчики часто спрашивают, не устарел ли ModX. Платформа развивается, выходят обновления и поддерживаются современные версии языка программирования. Другой частый вопрос — сложно ли редактору работать с панелью: после короткого обучения большинство справляется с повседневными задачами. Третий — можно ли переехать с другой CMS: можно, но потребуется миграция контента и адресов.

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

Частые вопросы

Чем ModX отличается от WordPress и Joomla?

ModX не задаёт готовую структуру шаблонов и модулей — разработчик собирает сайт из более базовых элементов, получая полный контроль над кодом, но без большого набора готовых решений.

Сколько стоит создание сайта на ModX?

Так как значительная часть функциональности пишется индивидуально, стоимость обычно выше, чем на CMS с готовыми модулями. Ориентир по ценам — на странице услуги «Разработка сайтов».

Для каких сайтов ModX подходит лучше всего?

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

ModX стоит выбирать, когда важнее гибкость и чистота кода, чем скорость запуска за счёт готовых модулей. Если сайту нужна ещё более глубокая кастомная логика — например, личный кабинет или сложные интеграции — стоит сравнить с разработкой на фреймворке Laravel или Yii. Подробнее о наших услугах — на странице «Разработка сайтов».

Нужен сайт с уникальным дизайном и чистым кодом? Оставьте заявку — обсудим задачу и предложим оптимальную платформу.

Бесплатная консультация

Расскажите о задаче — найдём решение

Ответим в течение 2 часов в рабочее время.