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