Размеры и отступы
Как задать ширину страницы и поля сайта, найти нужный параметр отступов и настроить расстояния для блоков и списков в панели «Стили сайта».
Раздел Размеры и отступы задаёт глобальные параметры вёрстки: ширину контента, поля по краям сайта, расстояния между элементами в списках и блоках. Изменения здесь действуют на весь сайт (или на все места, где используется соответствующий тип блока).
Обзор панели «Стили сайта» — в Стили сайта: обзор. Отступы кнопок — в Стили кнопок; расстояния внутри отдельной секции (сетка, высота) — в Оформление отдельной секции (когда будет опубликована).
Перед началом
- Откройте редактор:
ваш-id.photosquare.ru/config. - В главном меню выберите Стили → Размеры и отступы или нажмите иконку кисти над превью и перейдите в этот раздел.
- Следите за превью справа при изменении ползунков — см. Превью сайта в редакторе.
[изображение: экран «Размеры и отступы» — строка поиска, раскрытый блок «Сайт» с ползунками]
Настройки всего сайта
В группе Сайт — два главных параметра макета:
| Параметр | Назначение |
| Ширина страницы (макс.) | Максимальная ширина контента на широких экранах. На узких устройствах страница подстраивается под ширину экрана. |
| Поля сайта | Отступы слева и справа у всего сайта, включая шапку. При большой ширине страницы поля добавляют «воздух» по краям. |
Меняйте значения ползунками — превью обновляется сразу.
Другие группы параметров
Ниже — свёрнутые блоки по типам контента. Название группы подсказывает, к чему относятся настройки, например:
- Блок изображения (постер, карточка, коллаж и др.) — отступы между картинкой и текстом, внутренние поля макета.
- Список блога / Запись блога — расстояния между карточками, заголовками и метаданными в ленте и на странице поста.
- Другие группы — по мере появления типов блоков и страниц в продукте.
Параметры внутри группы — ползунки (числовые значения с единицами px, rem, vw и т.п.) или выпадающие списки (например, ширина «на всю секцию» или «с отступом»). Раскройте нужный блок и прокрутите список.
Поиск параметра
Вверху панели — поиск. Введите часть названия параметра или группы (на русском или как в подписи поля) — останутся только подходящие блоки. Удобно, когда параметров много и вы знаете, что ищете (например, «отступ» или «spacing»).
[изображение: поиск «отступ» — отфильтрованный список групп и полей]
Сохранение
Изменения сначала видны в превью. Чтобы применить их на опубликованном сайте, нажмите Сохранить на панели над превью.