Удобная админка: как обновлять сайт без программиста

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

Три задачи, на которых всё видно

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

Поменять цену

В удобной админке цена — это отдельное поле у услуги или товара. Вы открываете услугу, видите поле «Цена», вписываете новое число и сохраняете. Если цена показывается в нескольких местах — в карточке, в прайсе, в блоке на главной, — она подтягивается из этого поля везде сама.

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

Заменить фотографию

Удобно — когда у блока есть поле «Фото» с кнопкой загрузки, а система сама уменьшает и сжимает картинку под нужный размер. Вы загружаете снимок с телефона, и он встаёт на место, не ломая сетку и не утяжеляя страницу.

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

Добавить страницу услуги

Это самая показательная задача. В удобной админке вы нажимаете «Добавить услугу», и перед вами форма: название, короткое описание, цена, фото, преимущества, вопросы и ответы. Заполнили поля — страница выглядит так же аккуратно, как остальные, и сама появилась в списке услуг.

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

Как это устроено на WordPress и на 100300 CMS

Я делаю сайты на двух системах и в обеих добиваюсь одного: владелец правит содержимое, а оформление защищено от случайных правок.

WordPress со своей темой и ACF. Для каждого типа страниц — услуги, проекта, сотрудника — я заранее описываю набор полей через плагин ACF Pro: цена, фото, список преимуществ, блок вопросов. В админке владелец видит понятную форму вместо пустого редактора. Визуальные конструкторы вроде Elementor я не использую: они дают свободу двигать всё подряд, а вместе с ней — возможность случайно сломать вёрстку. Подробнее о разнице — в статье WordPress без Elementor. Сильная сторона WordPress — его знают очень многие разработчики, и вы не привязаны к одному исполнителю.

100300 CMS. Это моя собственная система. Страницы в ней собираются из готовых блоков в конструкторе, а для типовых ниш есть шаблоны, где структура уже продумана. Ядро бесплатное, абонентской платы нет, сайт работает на вашем хостинге. Как она устроена, я рассказал в статье что такое 100300 CMS, а описание и модули собраны на странице 100300 CMS. Честный минус: специалистов, знающих эту систему, гораздо меньше, чем знающих WordPress.

Выбор между ними зависит не от того, где «удобнее вообще», а от задачи: нужен ли магазин с 1С и маркетплейсами, насколько важна независимость от конкретного разработчика, какой бюджет на поддержку. Удобную админку можно сделать на обеих системах, а неудобную — на любой.

Критерии удобной админки

• Поля вместо свободного текста. Всё, что меняется регулярно, — цены, телефоны, адреса, часы работы, фото — вынесено в отдельные поля, а не спрятано в абзацах.
• Одно место для одного значения. Телефон меняется в настройках один раз и обновляется в шапке, подвале и на странице контактов.
• Оформление нельзя сломать случайно. Владелец меняет содержимое, но не может сдвинуть сетку, поменять шрифт в одном блоке или удалить кнопку заявки.
• Картинки обрабатываются автоматически. Система сама уменьшает и сжимает загруженное фото.
• Есть предпросмотр. Перед публикацией видно, как страница будет выглядеть, в том числе на телефоне.
• Есть история изменений. Если что-то удалили или испортили, можно вернуть прошлую версию. В WordPress для страниц и записей это встроенные ревизии.
• SEO-поля рядом с текстом. Заголовок для поиска и описание заполняются в той же форме, что и сама страница.
• Понятные подписи. Поле называется «Цена от, ₽», а не field_price_2.

Роли и права для сотрудников

Если сайтом занимается не только владелец, у каждого должен быть свой вход и свои права. Менеджеру, который публикует новости или меняет наличие, не нужен доступ к настройкам, плагинам и чужим учётным записям. В WordPress для этого есть встроенные роли — администратор, редактор, автор и другие. Общий пароль на всех — плохая идея: непонятно, кто что поменял, а уволившийся сотрудник сохраняет доступ.

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

Чек-лист перед приёмкой сайта

Пройдите его сами на готовом сайте до подписания акта. Лучше всего попросить разработчика не подсказывать, а просто смотреть.

1. Поменяйте цену одной услуги. Обновилась ли она во всех местах, где показывается?
2. Замените фото в любом блоке снимком прямо с телефона. Не съехала ли сетка, не стала ли страница грузиться дольше?
3. Добавьте новую услугу с нуля. Выглядит ли она так же, как остальные, появилась ли в списке?
4. Поменяйте телефон в настройках. Обновился ли он в шапке, подвале и на контактах?
5. Удалите абзац и попробуйте вернуть прошлую версию страницы.
6. Заполните заголовок и описание страницы для поиска. Нашли ли вы, где это делается, без подсказки?
7. Создайте учётную запись для сотрудника с ограниченными правами и войдите под ней.
8. Спросите, есть ли короткая инструкция по админке — текстом или видео — и где она лежит.

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

Когда править самому не стоит

Удобная админка закрывает текущие правки: цены, фото, тексты, новые страницы по готовому шаблону. Но новый тип блока, форма с расчётом, интеграция с CRM или перенос раздела — это работа разработчика, и собирать её из подручных средств обычно выходит дороже. Если на правки просто нет времени, их можно отдать на поддержку сайта — разовые работы стоят от 3 000 ₽.

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