Ситуация знакомая: сайт на MODX вам сделали, разработчик передал доступы и исчез в закате, а дальше начинается жизнь владельца — поменять цену, заменить фотографию, добавить новость, обновить телефон в шапке. Вопрос «MODX: как редактировать сайт?» — самый частый среди моих клиентов после сдачи проекта.
Хорошая новость: базовые правки в MODX Revolution действительно делаются самостоятельно и безопасно. Плохая: граница между «безопасно» и «сломал весь шаблон одной скобкой» проходит ближе, чем кажется. В этой статье покажу, что лежит в зоне ваших возможностей, где именно лежат тексты, картинки, шаблоны и чанки, а в конце — честно расскажу, какие задачи лучше сразу отдать специалисту.
Если Вам требуется помощь в настройке или доработке вашего сайта присылайте ваше ТЗ на почту - kdvoryaninov@yandex.ru
Вход в админку: с чего начинается любое редактирование
Админка сайта на MODX называется менеджером и находится по адресу:
вашдомен.ru/manager
Иногда разработчик меняет этот путь из соображений безопасности — тогда адрес выдаётся при сдаче проекта. Логин и пароль администратора спрашивайте у того, кто делал сайт, если они у вас не сохранились.
После входа вы увидите два главных элемента интерфейса:
- Дерево ресурсов слева — список всех страниц сайта в виде иерархии: разделы, подразделы, отдельные документы.
- Главное меню сверху — доступ к медиафайлам, элементам (шаблоны, чанки), настройкам и пользователям.
90% повседневного редактирования происходит именно из дерева ресурсов, поэтому начнём с него.
Редактирование текстов и картинок на страницах
Задача: изменить текст на странице «О компании» или заменить фотографию. Пошагово:
- В дереве ресурсов найдите нужную страницу и кликните по ней правой кнопкой → «Редактировать» (или двойной клик левой).
- Откроется карточка документа. Верхние поля — служебные:
- Pagetitle — название страницы, отображается в дереве и обычно в подзаголовке;
- Longtitle — полный заголовок, который видят посетители на самой странице;
- поля SEO-плагина — title и description для поисковиков.
- Основной текст находится в большом поле внизу — оно работает как обычный визуальный редактор: выделенный текст можно сделать жирным, вставить ссылку, список.
- Для замены картинки откройте «Медиа» → «Источники файлов». Загрузите новое изображение и вставьте его в текст через кнопку вставки изображения в редакторе.
- Нажмите «Сохранить». MODX автоматически обновит кэш этой конкретной страницы — никаких дополнительных действий не требуется.
- Откройте страницу на сайте и обновите её с очисткой кэша браузера (Ctrl+F5) — изменения должны быть видны.
Создание новой страницы или новости
Правый клик по родительскому разделу (например, «Блог») → «Создать» → «Создать документ здесь». Заполните заголовок, текст, на вкладке «Настройки» проверьте галочку «Публикован» — и страница появится на сайте, включая автоматическое добавление в меню, если оно настроено соответствующим образом.
Дополнительные поля (TV): куда прячут телефон в шапке и картинки баннеров
Не всё на странице редактируется из основного текстового поля. Номер телефона в шапке, картинка баннера, подпись под логотипом — это чаще всего TV-параметры (дополнительные поля).
Их искать здесь: откройте страницу в редактировании и переключитесь на вкладку «Дополнительные поля» рядом со вкладкой контента. Там будут поля с понятными названиями — «Телефон», «Картинка услуги», «Текст на баннере». Заполнили → сохранили → готово.
Это ключевой момент организации сайта: чем лучше для вас построена структура TV-полей, тем больше вы можете править сами. Именно поэтому я при разработке всегда выношу в дополнительные поля всё, что клиенту придётся менять хотя бы раз в полгода.
Шаблоны и чанки: где живёт дизайн вашего сайта
А вот здесь начинается территория повышенной опасности. Всё внешнее оформление — шапка, подвал, разметка карточек — лежит не в «Медиа», а в разделе «Элементы»:
- Шаблоны — каркасы страниц. У каждой страницы сайта назначен один шаблон, определяющий общую структуру.
- Чанки — переиспользуемые куски HTML: блок футера, форма подписки, карточка товара. Один чанк может использоваться на десятках страниц одновременно.
Пример: телефон в футере не поменялся, хотя вы изменили его во всех TV-полях. Значит, он «зашит» прямо в чанк footerTpl. Ищем: «Элементы» → «Чанки» → ищем блок с футером → меняем цифры внутри HTML-кода → сохраняем.
<div class="footer-contacts">
<a href="tel:+74951234567">+7 (495) 123-45-67</a>
</div>
Правило безопасности №1: перед любой правкой шаблона или чанка скопируйте его содержимое в текстовый файл на своём компьютере. Тогда «откат» займёт минуту. Хуже MODX нет функции отмены для удалённых элементов.
Правило безопасности №2: не удаляйте чанки и шаблоны, даже если кажется, что они не используются. Ссылки на них могут быть спрятаны глубоко в других элементах.
Как поменять цвет сайта в MODX
Запрос «как modx поменять цвет сайта» опережает по популярности все остальные «цветные» вопросы — и это неспроста: на первый взгляд простая задача имеет три сценария сложности.
Способ 1. Цвет вынесен в настройки (лёгкий)
Если разработчик был предусмотрителен, цвет accent-элементов управляется через «Настройки» → «Системные настройки» или через TV-параметр главной страницы — поле вроде «Цвет бренда». Меняете значение → сохраняете → готово. Сначала проверьте именно этот вариант: осмотрите вкладки дополнительных полей и поищите настройки со словом color или «цвет».
Способ 2. Правка CSS-файла (средний)
Если в настройках пусто, цвет задаётся в таблице стилей:
- Откройте сайт в браузере, нажмите F12 — запустится инструмент разработчика.
- Кликните иконкой выбора элемента по нужной детали (например, кнопке) — справа подсветятся применённые стили и имя CSS-файла.
- Подсказку на стиль вы увидите прямо в панели — можно даже поэкспериментировать со значениями «на лету», ничего не ломая.
- Теперь идём в админку: «Медиа» → «Источники файлов», находим файл со стилями (обычно в папке css или assets) и скачиваем его на компьютер.
- Ищем через поиск по файлу нужное свойство (например,
#3498db— синий цвет кнопок), меняем на своё, загружаем файл обратно. - Обновляем сайт с Ctrl+F5.
Способ 3. Когда «просто поменять цвет» превращается в проект (сложный)
Вот тут начинается реальность больших сайтов:
- стили написаны на препроцессорах (SASS, LESS) и компилируются сборщиком — правка итогового CSS-файла затирается при первой пересборке;
- CSS минимизирован — одна строка на 200 тысяч символов, ориентироваться невозможно;
- цвет задан переменной, которая используется в 40 местах, и изменение оттенка кнопки перекрашивает половину сайта непредсказуемым образом;
- стили дублируются в самом чанке через inline-записи style="...".
По статистике именно попытка смены цвета — первое место, где владелец сайта сдаётся и пишет мне. Это нормально: инструментов разработчика, понимания наследования стилей и структуры темы требуют минимум полгода практики. Иногда быстрее отдать задачу за час работы специалисту, чем три вечера воевать с инспектором.
Управление пунктами меню
Если меню настроено штатно (через сниппет pdoMenu), оно подтягивается из дерева ресурсов автоматически:
- Добавить пункт — создать дочерний ресурс в нужном разделе (галочка «Показывать в меню» должна стоять).
- Убрать пункт из меню, оставив страницу — в настройках документа снять галочку «Показывать в меню».
- Поменять порядок — поле menuindex: меньше число — выше позиция. Или просто перетаскивайте ресурсы мышью в дереве.
- Переименовать — изменить Pagetitle или menutitle.
Если же пункты меню прописаны руками прямо в чанке — их правка потребует редактирования HTML этого чанка.
Чего делать точно не стоит: красная линия для владельца
| Действие | Почему опасно |
|---|---|
| Править сниппеты и плагины (PHP) | Одна ошибка — фатальный сбой всего сайта, а не одной страницы |
| Обновлять MODX или пакеты «на всякий случай» | Обновление без подготовки ломает функционал, откат сложен |
| Лезть в системные настройки без понимания | Отключили сайт одним переключателем — восстановление займёт время |
| Удалять «ненужные» чанки и шаблоны | Они почти наверняка используются на живых страницах |
| Экспериментировать с версией PHP на хостинге | Старые пакеты MODX несовместимы с новыми версиями PHP |
| Переносить сайт между хостингами без опыта | Требует переноса базы, путей в конфиге, прав корректно |
Общее правило такое: контент — ваше царство, код — территория разработчика. Тексты, картинки, новости, товары, TV-поля — редактируйте смело. Всё, что похоже на программирование, требует резервной копии и уверенности в своих действиях.
Самостоятельно или к специалисту: шпаргалка
| Задача | Реально ли самому |
|---|---|
| Изменить текст, заменить фото, добавить новость | ✅ Да, свободно |
| Поменять телефон, email в TV-полях | ✅ Да |
| Добавить страницу или пункт меню | ✅ Да |
| Поменять цвет, если он вынесен в настройки | ✅ Да |
| Поменять цвет в CSS вручную | ⚠️ Осторожно, только с бэкапом |
| Добавить новый блок/секцию на страницу | ❌ Лучше к разработчику |
| Новая форма заявки, калькулятор, интеграция с CRM | ❌ К разработчику |
| Переделать дизайн, мобильную версию | ❌ К разработчику |
| Сайт сломался после ваших правок | ❌ Срочно к разработчику (и не паниковать) |
Нужна нестандартная доработка? Закажите у меня
Если вы дошли до этой статьи с конкретной задачей и она попала в графу «лучше к разработчику» — не тратьте дни на самообучение, которое окупится один раз. Возьму вашу задачу на доработку независимо от того, кто изначально делал сайт:
- новые блоки, секции и целые страницы в существующем дизайне;
- формы заявок с валидацией и отправкой в CRM или на почту;
- изменения шаблонов, чанков, мобильной адаптации;
- правильная организация TV-полей, чтобы потом редактировать всё самому;
- вынос цветов и контента в настройки — единожды, навсегда;
- реанимация после неудачных самостоятельных экспериментов (бывает, и не страшно).
Опишите задачу и пришлите ссылку на сайт — назову срок и стоимость в течение рабочего дня. Часто доработка занимает пару часов и стоит несравнимо меньше потраченных нервов.