Как устроен конструктор

Открывается так: в левом меню нажмите Конструктор сайта.

Что вы увидите: экран, разделённый на три части, и узкую строку кнопок сверху. Разберём по очереди.

Верхняя строка кнопок

Слева направо:

• Цветной квадратик с буквой S — просто значок конструктора. Он ничего не делает и не нажимается, буква не меняется на вашу.
• Поле «Название» — как называется ваш сайт. Это же название видит гость во вкладке браузера. Поначалу оно пустое, внутри серым написано «Название».
• Кнопка с названием страницы и стрелочкой вниз (обычно «Главная») — быстрый переход к списку страниц.
• Выпадающий список со значком 📍 или 🌐 — появляется, только если точек у вас больше одной. Им выбирают, чью витрину вы сейчас правите: «Все точки» или конкретную точку. Про него — отдельная статья Если точек несколько. При одной точке этого списка нет, и это правильно.
• ПК / Моб — показать рабочую область так, как её видно на компьютере или на телефоне (наведите мышь — подсказки «Десктоп» и «Мобильный»). На результат не влияет: сайт всё равно подстраивается под любой экран. Это только ваш взгляд на него. Смотрите «Моб» почаще — гости заходят с телефонов.
• ↶ и ↷ — отменить последнее действие и вернуть его обратно. То же самое делают клавиши Ctrl+Z и Ctrl+Shift+Z (на Mac — ⌘+Z и ⌘+Shift+Z).
• Цветная точка — состояние сохранения. Кнопки из неё нет, нажимать не нужно: зелёная — всё сохранено, оранжевая — есть несохранённые правки или идёт сохранение. Наведите мышь, и Misea напишет словами: «Сохранено · Статус: Опубликован», «Есть несохраненные изменения · Статус: Черновик», «Сохранение...».
• 💾 — сохранить. Кнопка неактивна, пока сохранять нечего.
• ⟲ — отменить все несохранённые правки и вернуться к последнему сохранённому состоянию (подсказка при наведении: «Отменить несохранённые изменения (вернуть к сохранённому)»). Появляется только когда есть что отменять. Misea переспросит.
• Блок / Стр. / Сайт — переключатель правой панели: настройки выбранного блока, всей страницы или всего сайта (подсказки «Свойства блока», «Настройки страницы», «Настройки сайта»).
• ↗ — открыть сайт в новой вкладке так, как его видит гость.
• 🔗 Поделиться — ссылка на черновик для тех, у кого нет доступа в Misea (подсказка «Поделиться черновиком (7 дней)»). На узком экране слово «Поделиться» прячется и остаётся один значок 🔗 — это та же кнопка.
• Опубл. — опубликовать. Пока не нажали, гости изменений не видят.

Левая панель: три вкладки

«Блоки»

Библиотека кусочков, из которых собирается страница: баннер, меню, галерея, карта и так далее. Сверху — поле «Поиск блоков...», ниже — карточки по группам.

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

Что именно делает каждый блок — в статье Блоки: из чего собирается страница.

«Уровни»

Наверху вкладки написано «Структура текущей страницы». Дальше — список блоков сверху вниз, в том же порядке, в каком их видит гость: «1. Баннер», «2. Блок категорий», «3. Блок меню», «4. Контакты».

Названия в этом списке иногда отличаются от названий карточек в библиотеке: блок «Меню» здесь подписан «Блок меню», блок «Категории» — «Блок категорий». Это тот же блок, просто по-другому назван.

• Нажатие на строку выделяет этот блок — справа откроются его настройки.
• Стрелки ↑ и ↓ двигают блок вверх и вниз.
• Значок ⠿ слева — за него блок можно перетащить мышью.
• Под названием каждой строки серым написано английское слово (hero, menu, contacts). Это внутреннее имя блока, оно ни на что не влияет и вам не нужно.

Этой вкладкой удобно пользоваться, когда страница длинная и листать её целиком лень.

«Страницы»

Список страниц сайта и форма для создания новой. Подробно — в статье Страницы сайта и как вас находит поиск.

Середина: рабочая область

Это и есть ваш сайт — не картинка и не приблизительный набросок, а настоящая страница, которую увидит гость.

Наведите мышь на любой блок — сверху него появятся четыре кнопки:

• «Контент» — открыть в правой панели то, что написано в блоке (заголовки, тексты, картинки).
• «Стиль» — открыть в правой панели внешний вид блока (подложка, цвета).
• ⧉ — сделать копию блока и поставить её следом.
• 🗑 — удалить блок. Misea переспросит и напомнит, что действие можно отменить кнопкой ↶.

Между блоками появляется кружок с «+» — нажмите, и откроется короткий список блоков, чтобы вставить новый именно в это место.

Если вместо сайта висит серая «заглушка» из прямоугольников — страница ещё грузится, подождите несколько секунд.

Если поверх всего экрана, над строкой кнопок, появилась жёлтая полоса «Витрина временно недоступна — превью может не отображаться» — конструктор не смог достучаться до вашего сайта. Работать в нём можно: блоки добавляются и сохраняются, просто в рабочей области не видно результата. Нажмите «Проверить снова» в этой же полосе; если через несколько минут не прошло — напишите в поддержку.

Правая панель: настройки

Панель показывает то, что выбрано переключателем Блок / Стр. / Сайт:

• Блок — настройки того блока, по которому вы кликнули. Наверху панели написано «Выбранный блок», ниже — разделы «Контент», «Внешний вид», «Цвета блока». Пока ни один блок не выбран, здесь висит «Блок не выбран» и подсказка «Нажмите на любой блок в рабочей области, чтобы редактировать его свойства».
• Стр. — настройки текущей страницы: адрес, название, описание для поисковиков. Заголовок панели — «Редактор страницы».
• Сайт — общие настройки: цвета, шрифты, фон, логотип, версии сайта. Заголовок панели — «Настройки сайта».

Что стоит знать заранее

• Клавиша Delete удаляет выбранный блок. Если вы выделили блок и нажали Delete или Backspace, Misea спросит «Удалить блок?» и предупредит: «Это действие можно отменить через Отмена (Undo)». Отменить можно кнопкой ↶.
• Ctrl+S сохраняет, Ctrl+D делает копию выбранного блока, Ctrl+Y — то же, что ↷.
• Пока вы печатаете в поле, эти сочетания не срабатывают — Delete в тексте просто стирает букву, а не блок. Клавиши работают, только когда курсор не стоит в поле ввода.
• Выход со страницы с несохранёнными правками. Misea покажет окно «Есть несохранённые изменения» с вопросом «Сохранить изменения перед выходом?» и кнопкой «Сохранить и выйти».
• Правки не видны гостям, пока вы не нажали «Опубл.» Даже сохранённые.

Что дальше

• Блоки: из чего собирается страница.
• Сохранить, показать, опубликовать.