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