Свободная вёрстка
Точная реализация дизайн-макетов с управляемыми полями содержания.
← Все технологии
MODX · BIG FISH
Разработка сайтов и веб-приложений на MODX
Соединяем свободную вёрстку с редактором под задачи компании. Услуги, города, технологии и кейсы получают свои поля, а каталоги собираются из опубликованных материалов.
BIG FISH / MODX
01Ресурс + TV
02Шаблон и чанки
03Выборка ресурсов
04Страница и каталог
Дизайн × технология × ваш процесс
ВОЗМОЖНОСТИ ПРОДУКТА
Технология становится
рабочим инструментом.
Разделы в масштабе
Города, технологии и услуги с единым оформлением и автоматическими списками.
Редактор под задачу
Поля, повторяемые блоки и понятные инструкции для контент-команды.
ЖИВОЙ ПРИМЕР
Проверьте сценарий.
Посмотрите результат.
Услуга хранится как ресурс с отдельными полями. Измените её данные и публикацию — карточка каталога и страница используют одну модель.
Учебный пример с условными данными. Действия остаются в браузере. Это модель сценария, а не подключённая CMS, сервер или база данных.
MODX
MODXРезультат сценария
Учебный пример готов к запуску.
АРХИТЕКТУРА СЦЕНАРИЯ
У каждого шага
своя ответственность.
01
Ресурс + TV
02
Шаблон и чанки
03
Выборка ресурсов
04
Страница и каталог
| Слой | Результат |
|---|---|
| Интерфейс | Понятны ввод, ограничения, загрузка и ошибки. Доступно управление клавиатурой. |
| Данные | У значений есть владелец, формат и правила актуальности. |
| Выпуск | Проверены ключевые сценарии, резервирование и восстановление. |
BIG FISH · MODX
Уникальный сайт. Понятная админка.
Разработка сайта на MODX позволяет строить интерфейс вокруг фирменного стиля и структуры контента. Проектируем нестандартные страницы услуг, портфолио и каталоги, затем связываем визуальные элементы с понятными полями управления.
При создании корпоративного сайта на MODX разделяем то, что редактор меняет ежедневно, и то, что сохраняет целостность дизайна. Названия полей, подсказки и повторяемые элементы помогают обновлять сайт без правки HTML.
ПРАКТИЧЕСКОЕ РУКОВОДСТВО
Как устроен продукт
на MODX.
Архитектура, ограничения и проверяемые сценарии. Конкретную конфигурацию согласуем по требованиям проекта.
MODX / 01
Ресурсы и дерево сайта
Страницы располагаются в понятной иерархии: раздел, подраздел, материал. Определяем, что является самостоятельным ресурсом, а что повторяемым блоком внутри страницы. URI и родительский раздел влияют на навигацию и автоматические подборки. Перемещение материала проверяем вместе с адресом, хлебными крошками и перенаправлениями со старой ссылки.
Проверка на проекте
Перемещение ресурса сохраняет понятный маршрут.
MODX / 02
Дополнительные поля
TV подходят для обложки, вступления, подписи, категории и других отдельных значений. Повторяемые блоки можно редактировать через подходящее дополнение, например MIGX, если оно установлено и поддерживается. Поля привязываются к нужным шаблонам. Делаем подписи понятными редактору, задаём значения по умолчанию и описываем поведение пустого поля.
Проверка на проекте
Пустая обложка имеет предсказуемое поведение.
MODX / 03
Шаблоны, чанки и сниппеты
Шаблон задаёт страницу, чанк содержит повторяемую разметку, сниппет выполняет серверную логику. Разделяем выборку данных и оформление, чтобы изменение карточки не меняло бизнес-правила. Общие элементы обновляем только после проверки использующих их разделов. Для пилота удобно создавать отдельные элементы с явной областью действия и возможностью отката.
Проверка на проекте
Изменение пилота не затрагивает общий шаблон.
Resource: service
TV: service_intro
TV: service_cover
TV: service_category
Listing: published children of a selected sectionMODX / 04
Парсинг и встроенный код
В проекте могут одновременно работать штатные теги MODX и дополнительный шаблонизатор. Сначала определяем порядок обработки. JSON, CSS и JavaScript содержат фигурные скобки, которые нельзя бездумно повторно передавать шаблонизатору. Скрипты и стили выносим в файлы; структурированные данные проверяем после полного HTTP-рендеринга, а не только в консоли.
Проверка на проекте
В HTTP-ответе нет служебных тегов.
MODX / 05
Автоматические каталоги
Каталог строим по явным признакам: родитель, публикация, доступность и язык. Новая страница появляется без ручного копирования карточки. Для больших разделов используем ограниченную выборку и пагинацию. Поиск получает собственное имя параметра: служебные параметры маршрутизации MODX нельзя использовать как пользовательские фильтры. Проверяем черновики и будущие даты публикации.
Проверка на проекте
Черновик не появляется в каталоге.
MODX / 06
Языковые версии
Схема локализации зависит от проекта: отдельные контексты или дополнение для переводов. Фиксируем, какие поля переводятся, а какие общие. Обложка может наследоваться, текст и SEO — иметь независимое значение. Переключатель языка должен вести на соответствующий материал. Проверяем отсутствие перевода, canonical и локальные якоря при наличии тега base.
Проверка на проекте
Якорь EN остаётся на странице EN.
MODX / 07
Кэш и права редакторов
Кэш страницы, результат сниппета и кэш дополнения могут иметь разные сроки жизни. Определяем, что инвалидируется при публикации и смене данных. Редактору раздела не нужен доступ к PHP-сниппетам всего сайта. Проверяем ограничения в админке и на публичных маршрутах, включая прямые ссылки на вложения и неопубликованные материалы.
Проверка на проекте
Редактор не получает доступ к серверному коду.
MODX / 08
Выпуск без потери контента
Перед изменением шаблона сохраняем ресурсы, TV, локализацию и файлы. Проверяем не только успешный ответ сервера, но и наличие разделов, формы, ссылок и валидной разметки. Новые поля не должны перезаписывать редакторские правки при повторном запуске установщика. Откат возвращает прежнее отображение и сохраняет новые данные для последующей работы.
Проверка на проекте
Повтор установки сохраняет редакторские изменения.
FAQ
Вопросы перед стартом
Это готовое решение?
Нет. Пример показывает проектируемый сценарий для MODX. Рабочую систему разрабатываем под ваши требования, данные и интеграции.
Можно сохранить существующие системы?
Сначала изучаем интерфейсы обмена, владельцев данных и ограничения. Результатом может стать интеграция, поэтапная миграция или замена только отдельного компонента.
Что получим при передаче проекта?
Согласованный комплект включает дизайн, исходный код, требования к окружению и инструкции по эксплуатации. Состав работ, права и сопровождение фиксируем в договоре.
Спроектируем ваш продукт
Расскажите о процессе, аудитории и существующих системах. Определим интерфейс, технические границы и этапы разработки.