Создание современных сайтов на модекс — оптимальное решение для тех, кто ценит гибкость, скорость и надежность без компромиссов. MODX 3 — это CMS нового поколения с открытым исходным кодом, позволяющая воплотить любые идеи: от простых лендингов до мощных корпоративных порталов. Здесь не нужно подстраиваться под навязанные шаблоны — система даёт полный контроль над макетом и функционалом сайта, упрощает жизнь разработчикам, верстальщикам и вебмастерам.
Что стоит знать новичку перед стартом?
Перед тем как переходить к практике, важно понимать ключевые преимущества платформы:
- Молниеносная работа как на дешёвом хостинге, так и на крупных выделенных серверах (если всё грамотно настроено).
- Полная чистота кода и разделение шаблонов, содержимого, логики.
- Гибкая система прав доступа, встроенные инструменты для SEO и мультиязычности.
- Внедрение кастомных шаблонов (HTML, CSS, JS) без плясок с бубном.
- Безопасность, защита от взлома и спама на уровне ядра.
Современный подход: Fenom + файловые элементы
Практически все современные сайты на MODX делают на комбинации Fenom (шаблонизатор) и файловых (externals) элементов. Такой метод позволяет:
- писать лаконичный и легко управляемый шаблон;
- логически разделять структуру (контент в MODX, HTML/шаблоны в файлах);
- масштабировать проект без головной боли;
- легко переносить/бэкапить сайт или передавать его между разработчиками.
Подробнее о плюсах и практике использования Fenom — в этом обзоре.
О вариантах организации разработки в MODX (чисто через админку, полностью с помощью IDE или гибридный путь) — читайте здесь.
С чего начинается путь любого сайта?
- Хостинг. Лучше брать современный, оптимизированный под MODX, с поддержкой NVMe, быстрым откликом и хорошей поддержкой. Подробная инструкция и рекомендации — выбор хостинга для MODX.
- Домен. Имя сайта должно быть коротким, легко запоминаться и “в точку” попадать в тематику. Кейсы по выбору и регистрации — подбор домена.
- Установка MODX. Даже новичок легко справится — для этого есть простая пошаговая инструкция: как установить MODX 3.
- Базовая настройка. Минимальные обязательные параметры безопасности, создание пользователей, настройка кэширования — первые важные шаги.
- Шаблон сайта. Необязательно разрабатывать дизайн с нуля — можно взять готовый HTML-шаблон (например, Porto) и адаптировать его под MODX в пару шагов.
Такой путь полностью соответствует практике большинства грамотных разработчиков: от выбора инфраструктуры до настройки шаблонов через Fenom с минимальными затратами времени.
Что дальше?
Выполните как минимум 4 пункта из предыдущего раздела чтобы развернуть MODX у себя на сервере. Далее необходимо установить набор дополнений.
Из официального репозитория:
- TinyMCE Rich Text Editor — визуальный редактор для менеджера;
- FormIt – компонент для отправки форм;
- PageBlock – конструктор блоков;
- Translit – плагин транслитерации URL;
- ClientConfig – компонент для конфигурации сайта;
- pThumb – компонент для создания миниатюр изображений.
Из репозитория modstore.pro:
- Ace – редактор кода с поддержкой Emmet;
- pdoTools – собственно, зачем мы и собрались все вместе, универсальный компонент для выборок из базы данных.
- FetchIt – отправка форм с помощью Fetch API (будет работать в связке с FormIt).
Думаю, для старта хватит .
Не знаете как устанавливать, смотрите урок: Установка необходимых дополнений (пакетов).
Теперь нужно еще немного настроить сайт, а именно Дружественные URL (ЧПУ). Для этого переходим в системные настройки (раздел core) и устанавливаем следующие значения:
- friendly_urls — Использовать дружественные URL – Да
- friendly_urls_strict — Строгий режим дружественных URL – Да
- friendly_alias_translit — Транслитерация псевдонимов – Russian
После этого переименуйте файл ht.access в .htaccess, который лежит в корне сайта. Из админки по умолчанию это сделать нельзя, поэтому воспользуйтесь файловым менеджером хостинга или FTP клиентом.
И сразу включаем обработку Fenom в наших чанках и шаблонах. Сделать это можно с помощью системных настроек (раздел pdoTools), поставив их значение в положение “Да”:
- pdotools_fenom_default — включает обработку через Fenom чанков pdoTools. Включено по умолчанию.
- pdotools_fenom_parser — включает обработку шаблонизатором всех страниц сайта. То есть, не только чанков, но и шаблонов.
- pdotools_fenom_save_on_errors – включите эту опцию, чтобы сохранять ошибки компиляции Fenom в директорию «core/cache/default/pdotools/error» для последующей отладки.
- pdotools_fenom_modx — добавляет системные переменные {$modx} и {$pdoTools} в шаблоны Fenom. Тоже очень опасно — любой менеджер может управлять объектами MODX из чанков.
На сегодня думаю хватит. Если вы не знакомы с Fenom, тогда вот вам домашнее задание – изучите синтаксис Fenom, теги и его основные операторы.
В следующих уроках мы подробно рассмотрим адаптацию шаблона, разберём феном-структуры на практике и покажем, как сделать красивый и максимально простой для поддержки сайт.
