Перемещение, изменение размера и закрепление блоков

Блоки на странице располагаются в невидимой сетке внутри секции. Вы задаёте, где блок стоит, какой у него размер, как он накладывается на соседние блоки и — при необходимости — как ведёт себя при прокрутке страницы.

Как добавить блок — в Добавление контента на сайт с помощью блоков. Здесь — работа с уже добавленными блоками.

Перед началом

1. Откройте редактор: ваш-id.photosquare.ru/config.
2. Выберите страницу в Страницы и нажмите Редактировать над превью.
3. Для перемещения и изменения размера удобнее десктопное превью (переключатель над превью). Мобильная раскладка — отдельная тема: Как блоки располагаются на мобильных устройствах.

После правок нажмите Сохранить над превью.

Выделить блок

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

При наведении на невыделенный блок показывается подпись с типом (Текст, Изображение и т.д.). Если блок закреплён при прокрутке, рядом с подписью виден значок булавки.

[изображение: выделенный блок с рамкой, маркерами по углам и панелью инструментов сверху]

Перемещение

1. Выделите блок.
2. Зажмите левую кнопку мыши на блоке или на его рамке и перетащите в нужное место секции.
3. Отпустите кнопку — блок «привяжется» к ближайшим ячейкам сетки.

Блок нельзя вынести за пределы секции: он остаётся внутри её сетки.

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

[изображение: перетаскивание блока, вертикальная направляющая по центру секции]

Совет. Чтобы увидеть ячейки сетки, щёлкните правой кнопкой мыши по пустому месту секции и выберите Показать сетку (или нажмите G). Повторно — Скрыть сетку.

Изменение размера

1. Выделите блок.
2. На рамке появятся маркеры по углам и сторонам.
3. Потяните маркер — блок станет шире, уже, выше или ниже в пределах сетки.

Минимальный размер зависит от типа блока: очень маленький блок, например кнопку, сжать нельзя.

[изображение: выделенный блок с маркерами изменения размера по углам и сторонам]

Выравнивание содержимого внутри блока

На панели инструментов — кнопки выравнивания (не путать с перемещением блока по секции):

1. По горизонтали — у блоков Изображение и Кнопка (когда кнопка не растянута на всю ширину ячейки).
2. По вертикали — у большинства типов блоков, кроме Карты: контент прижимается к верху, центру или низу ячейки.

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

Наложение блоков друг на друга

Блоки можно частично перекрывать — например, текст поверх изображения. Какой блок «сверху», задаёт порядок наложения.

Если блок пересекается с другим по сетке, на панели инструментов появляются кнопки:

1. На передний план — блок поверх соседних;
2. На задний план — блок под соседними.

Если блоки не пересекаются, эти кнопки не показываются — менять порядок не нужно.

Тот же порядок можно изменить в панели Слои (кнопка слева от секции) или через контекстное меню по правому клику на блоке.

Закрепление при прокрутке

Закрепить (иконка булавки на панели инструментов) — не «приклеить блок к сетке», а зафиксировать его на экране посетителя при прокрутке страницы.

1. Выделите блок и нажмите Закрепить.
2. Выберите положение: вверху, по центру или внизу окна браузера.
3. При необходимости настройте Смещение ползунком (отступ от выбранного края в пикселях).
4. Чтобы отключить закрепление, снова откройте меню и выберите вариант с перечёркнутым кругом (Открепить).