Как работать с открытым блоком

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

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

Рассмотрим, как добавить открытый блок и разместить элементы.

Добавьте блок

Перейдите в конструктор сайта и нажмите + Добавить блок. Выберите в панели элементов Открытый блок.

Разместите элементы

Чтобы разместить виджеты на этом блоке, нажмите на + и выберите виджеты.

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

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

Выровнять и упорядочить элементы можно также через контекстное меню. Нажмите три точки на выбранном элементе, чтобы получить доступ к параметрам Выравнивание (Alignment) — горизонтальное или вертикальное выравнивание, и Расположение (Arrangement) — порядок слоев для перекрывающихся элементов.

Для точного перемещения элементов используйте клавиши со стрелками. Нажмите клавишу со стрелкой, чтобы переместить выбранный элемент на 1 пиксель. Для более быстрого перемещения удерживайте Shift и нажмите клавишу со стрелкой.

Чтобы изменить размер элемента, потяните за соответствующий край. При перемещении отобразится количество пикселей до края блока.

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

Вы также можете задать точные параметры позиционирования в настройках элемента на панели справа.

Оцените, насколько полезна статья "Как работать с открытым блоком"

Оценка: 4 / 5 (9)

Далее

Как создать блок сайта с помощью AI

Популярное в нашем блоге

Начните пользоваться сервисом SendPulse прямо сегодня