Правка страниц прямо на макете — без программиста и без страха что-то сломать
Поменять заголовок на странице услуги обычно значит написать программисту, подождать и потом проверять, не съехала ли вёрстка. Или открыть код страницы самому и надеяться, что ничего не задел.
Здесь страница в панели управления открывается такой, какой её видят посетители. Текст правится двойным щелчком прямо на месте, правка отменяется одним действием, вид на телефоне проверяется одной кнопкой, а на сайт правка попадает только после «Сохранить». Для тех, кто любит код, рядом — редактор HTML.
Для команд, которые сами ведут свой сайт
Тексты устаревают каждую неделю: новые цены, акции, формулировки после звонков с клиентами. Чем дольше путь от идеи до правки, тем дольше на сайте висит вчерашнее.
Владелец
Видит страницу такой же, как клиент, и правит её сам — без задачи программисту и без ожидания очереди.
Маркетолог
Меняет заголовки и описания под кампанию, проверяет, как они встали на телефоне, и возвращает прежний вариант одним действием.
Разработчик
Открывает HTML страницы в редакторе кода, правит разметку и возвращается к визуальному виду сочетанием клавиш.
Редактор показывает страницу, а не форму с полями
Страница открывается в панели управления целиком — с цветами, картинками и сетками блоков, как у посетителя. Сверху — отмена и повтор, выбор ширины экрана, история версий и подсказки. Наведите на блок — он подсветится, а правый щелчок откроет меню блока: продублировать, переместить выше или ниже, скопировать его код, удалить или попросить ИИ переписать текст.
Двойной щелчок по тексту — и пишите
Заголовок, абзац, пункт списка или подпись кнопки правятся там же, где стоят на странице. Шрифт, цвет и отступы не меняются — вы меняете только слова.
- Отмена и повтор — Ctrl+Z и Ctrl+Shift+Z или кнопки сверху
- Без случайностей — пока не нажата «Сохранить», сайт показывает прежний текст
- Видно, что правится — редактируемый текст обведён рамкой
Как правка встанет на телефоне — видно до сохранения
Длинный заголовок, который на компьютере помещается в строку, на телефоне может растянуться на пол-экрана. Кнопки «Компьютер», «Планшет» и «Телефон» меняют ширину страницы в редакторе на 100 %, 768 px и 375 px — правку видно сразу на нужном экране, без публикации и без второго устройства.
- Три ширины — компьютер, планшет и телефон
- Та же страница — со всеми блоками, картинками и цветами
Шпаргалка всегда под рукой
Кнопка «?» в верхней панели открывает список всех сочетаний клавиш и приёмов редактора: как выделить несколько элементов, как открыть меню блока, как переключиться в код. Учить ничего не нужно — подсказка открывается одним щелчком.
Редактор HTML-кода — в той же панели
Кнопка «Код» открывает HTML страницы. «С отступами» раскладывает разметку по уровням, «Сжать» собирает её в одну строку, «Перенос» включает перенос длинных строк, «Скопировать» кладёт код в буфер. Ctrl+Shift+H переключает между кодом и визуальным видом.
Мы прошли каждый шаг как редактор сайта
- Дописали слова в заголовок двойным щелчком, отменили правку через Ctrl+Z и вернули её кнопкой «Повторить» — на обеих языковых версиях.
- Пока шла правка, редактор не отправил на сайт ни одного изменения — страницу на сайте меняет кнопка «Сохранить». Сверили и по коду: удаление, перестановка и переписывание блока возвращают редактору новый вид страницы, а не записывают его.
- Нашли и исправили до выхода кейса: кнопка «Сжать» в редакторе кода склеивала слова, разделённые переводом строки, а раскладка по уровням могла добавить лишний пробел между словами. Теперь переключение кода не меняет ни одного видимого символа.
- Перевели на русский названия разделов и элементов редактора, кнопки режима кода и подсказки к действиям с элементами.
Сайт, который вы правите сами
Сделаем сайт, в котором тексты меняются за минуту — прямо на странице, с проверкой на телефоне и без риска сломать вёрстку.
