Разработка сайта на CMS MODX Revolution
MODX Revolution — гибкая CMS без жёстких шаблонных паттернов. Нет предустановленных тем, нет обязательной структуры. Разработчик контролирует всё: HTML, CSS, структуру URL, логику обработки контента. Популярна в Рунете — особенно среди веб-студий, разрабатывающих корпоративные сайты.
Архитектура MODX
Ресурс (Resource) — любая страница: статья, товар, новость, раздел.
Шаблон (Template) — HTML-обёртка с плейсхолдерами [[*поле]].
TV-параметры — дополнительные поля ресурса.
Чанки (Chunks) — переиспользуемые HTML-блоки.
Сниппеты (Snippets) — PHP-код, возвращающий контент.
Плагины (Plugins) — обработчики системных событий.
Типичный стек проекта
MODX Revolution 3.x
├── PHP 8.1–8.3
├── MySQL 8.0+
├── Extras:
│ ├── pdoTools (производительные сниппеты)
│ ├── migx (сложные TV-поля)
│ ├── Gallery / phpThumbOf (изображения)
│ ├── msearch2 / SimpleSearch (поиск)
│ ├── FormIt (формы)
│ └── FastTab (организация TV в панели)
└── Frontend: Vite + Tailwind CSS
Шаблон страницы
<!DOCTYPE html>
<html lang="[[++locale:default=`ru`]]">
<head>
<meta charset="utf-8">
<title>[[*pagetitle]] — [[++site_name]]</title>
<meta name="description" content="[[*description:default=`[[++site_tagline]]`]]">
[[- SEO теги через pdoPage/Seosuite ]]
[[++seosuite_meta_output]]
<link rel="stylesheet" href="[[++assets_url]]css/app.css?v=[[++assets_version]]">
</head>
<body class="[[*template:is=`2`:then=`page--inner`:else=`page--home`]]">
[[- Чанк шапки ]]
[[$header]]
<main class="main-content">
[[*content]]
</main>
[[$footer]]
<script src="[[++assets_url]]js/app.js?v=[[++assets_version]]" defer></script>
</body>
</html>
Структура сайта
Дерево ресурсов:
├── Главная (шаблон: home)
├── О компании (шаблон: page-inner)
│ ├── Команда
│ └── История
├── Услуги (шаблон: services-list) [Container=1]
│ ├── Разработка сайтов (шаблон: service-detail)
│ └── SEO-продвижение (шаблон: service-detail)
├── Блог (шаблон: blog-list) [Container=1]
│ └── ... (статьи)
└── Контакты (шаблон: contacts)
Вывод дочерних ресурсов через pdoMenu/pdoResources
[[pdoResources?
&parents=`[[*id]]`
&tpl=`@INLINE <div class="service-card"><h3><a href="[[+uri]]">[[+pagetitle]]</a></h3><p>[[+introtext]]</p></div>`
&limit=`0`
&showHidden=`0`
&sortby=`menuindex`
]]
Формы через FormIt
[[!FormIt?
&hooks=`email,redirect`
&emailTo=`[email protected]`
&emailSubject=`Заявка с сайта от [[+name]]`
&emailTpl=`emailTpl`
&redirectTo=`42`
&validate=`name:required:minLength=^2^,email:required:email,message:required`
]]
<form action="[[~[[*id]]]]" method="post">
[[!+fi.validation_error_message:notempty=`<p class="error">[[!+fi.validation_error_message]]</p>`]]
<input type="text" name="name" value="[[!+fi.name]]" placeholder="Имя" required>
[[!+fi.error.name:notempty=`<span class="field-error">[[!+fi.error.name]]</span>`]]
<input type="email" name="email" value="[[!+fi.email]]" placeholder="Email" required>
<textarea name="message" rows="5">[[!+fi.message]]</textarea>
[[!+fi.recaptcha_html]]
<button type="submit">Отправить</button>
</form>
Преимущества MODX для разработчика
- Полный контроль над HTML (нет навязанной разметки)
- Гибкая структура URL без ограничений CMS
- Нет overhead от неиспользуемых функций
- Простой дебаггинг через
[[+output:dump]]
Сроки
Корпоративный сайт на MODX с кастомными шаблонами, 8–15 страницами, формами и фильтрами — 3–5 недель.