Как править сайт мышкой: визуальный редактор
У артефакта «Сайт» есть второй способ правки помимо чата: кликнуть прямо по элементу на странице и поменять его вручную. Главное отличие — ручные правки не тратят ракеты. Если нужно поправить одно слово или подвинуть блок, это дешевле и быстрее, чем просить нейросеть.
Как это работает
- Откройте артефакт «Сайт».
- Кликните по элементу, который хотите изменить, — заголовку, абзацу, кнопке, картинке.
- Справа откроется панель настроек этого элемента.
- Меняйте — результат виден сразу.
Если кнопкам над превью не хватает места, «Редактировать» уходит в меню «•••». На телефоне и планшете без мыши визуального редактора нет, правьте через чат.
Что можно поменять
Панель разбита на пять групп:
| Группа | Что настраивается |
|---|---|
| Типографика | Шрифт, размер, начертание, цвет текста, выравнивание, межстрочный интервал |
| Отступы | Внутренние и внешние отступы блока — чем блок «дышит» относительно соседей |
| Фон | Цвет или изображение фона элемента |
| Границы | Толщина, цвет, скругление углов |
| Эффекты | Тень, прозрачность |
Текст правится прямо на странице: кликните и печатайте. Картинку можно заменить, загрузив свою.
Когда лучше чат, а когда мышка
| Задача | Чем делать |
|---|---|
| Поправить формулировку, опечатку, цену | Мышкой — быстро и бесплатно |
| Заменить одну картинку | Мышкой |
| Подвинуть блок, изменить цвет кнопки | Мышкой |
| Добавить новый блок или раздел | Чат — нейросеть соберёт разметку |
| Переписать весь первый экран под другую аудиторию | Чат |
| Изменить структуру страницы | Чат |
Правило простое: точечная косметика — мышкой, смысловые изменения — через чат.
Правка по клику: показать, а не описывать. В поле чата рядом с микрофоном есть кнопка-курсор. Нажмите её и кликните в превью по элементу, который хотите поменять: заголовку, кнопке, блоку, игровому полю. Он появится чипом над полем чата (крестик убирает), осталось написать, что изменить, и отправить. Нейросеть получит правку вместе с тем, где этот элемент стоит на странице. Пока выбор включён, клики в превью ничего не нажимают: игра не стартует, ссылки не открываются. Выйти из выбора можно той же кнопкой или клавишей Esc. Кнопка есть у владельца сайта на компьютере и работает и у обычных сайтов с играми, и у приложений.
Если сайт — приложение
Часть проектов GoMVP собирается не как страница, а как приложение: с экранами, кнопками и своими данными. Мышкой оно правится так же — кнопка «Редактировать» в шапке, курсор в текст, панель настроек справа, — но с двумя отличиями.
Правится код приложения, а не страница. Поэтому в панели — шрифт, размер, начертание, цвет, фон и выравнивание, замена картинок и иконок. Отступы, границы и тени у приложения пока меняются только через чат.
Пока вы правите, приложение «заморожено»: клик по кнопке или пункту меню выбирает элемент, а не открывает окно и не переключает экран. Чтобы снова попользоваться приложением, выйдите из режима правки.
Часть текста приходит из данных. Если надпись собирается на лету (названия из списка, число задач, имя пользователя), курсор в неё не встанет: менять там нечего — текст каждый раз новый. Редактор скажет об этом и предложит описать правку в чате одной кнопкой — нейросеть поменяет то, что стоит за этой надписью.
Остальное как обычно: результат виден сразу, «Сохранить» создаёт новую версию, «Отменить» выбрасывает правки.
Ничего не сломается
Каждая ручная правка сохраняется в истории версий так же, как генерация. Если перестарались — вернитесь к прошлой версии, см. История версий.
Важно: правки не видны посетителям сразу
Вы правите активную версию. Пока сайт не опубликован заново, посетители видят прежний вариант. Как публиковать — Как опубликовать сайт.
Если не получается выделить нужный элемент
Иногда клик попадает в родительский блок, а не в нужный текст. Кликните ещё раз по тому же месту — выделение уйдёт на уровень глубже. Если элемент всё равно не даётся, опишите правку в чате: «сделай подпись под кнопкой серой и мельче».