Интерфейс редактора

Когда вы открываете конструктор, перед вами появляется рабочее пространство, разделённое на несколько зон.

Основные области

Холст (центральная область)

Это основная рабочая зона — здесь вы видите свою страницу и работаете с блоками. На холсте отображаются секции, внутри которых размещены блоки.

Вы можете:

• Перемещать холст — зажмите колёсико мыши или используйте прокрутку
• Масштабировать — зажмите Ctrl (или Cmd на Mac) и крутите колёсико мыши
• Выделять блоки — кликните на любой элемент, чтобы выбрать его

Левая панель — палитра блоков

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

• Стандартные — текст, ссылка, кнопка, изображение, HTML-код, блок (div), видео
• Форма — поле ввода, галочка (чекбокс), текстовое поле (textarea)

Чтобы добавить блок — перетащите его из палитры на холст.

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

Когда вы выделяете блок на холсте, справа появляется панель с его настройками:

• Позиция и размер — точные координаты X и Y, ширина и высота
• Стили — цвет фона, скругление углов, прозрачность, рамка и другие визуальные свойства
• Содержимое — текст, ссылка, изображение или другой контент в зависимости от типа блока
• Действия — что происходит при клике (переход по ссылке, отправка формы)

Верхняя панель

В верхней части расположены:

• Переключатель устройств — переключение между десктопом, планшетом и мобильной версией
• Масштаб — текущий масштаб холста и кнопка сброса
• Отмена / Повтор — отмена и повтор последних действий
• Предпросмотр — просмотр страницы так, как её увидят посетители
• Сохранение — сохранение текущих изменений

Навигация по холсту

Работа с блоками

• Выделить — кликните на блок
• Переместить — зажмите блок и перетащите в нужное место
• Изменить размер — потяните за маркеры на углах или сторонах выделенного блока
• Удалить — выделите блок и нажмите Delete или Backspace
• Заблокировать — заблокируйте блок, чтобы случайно не сдвинуть его