Как добавить и настроить блок

Блок — это элемент, в который можно добавлять все остальные элементы, объединенные в одном стиле. Вы можете его использовать, чтобы систематизировать контент по типу его назначения. К примеру, в одном блоке вы можете разместить меню, а в другом — информацию про возможности вашей компании.

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

Чтобы добавить новый блок, наведите на верхнюю или нижнюю границу блока и нажмите + (Добавить блок).

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

Блоки Подвал сайта и Шапка сайта — этосквозные элементы, которые имеют одинаковый вид на всех страницах и синхронизируют изменения при редактировании на одной из страниц.

Для добавления пустого блока нажмите Пустой блок в конце списка категорий.

Настройте блок

Для блока можно отредактировать следующие параметры:

Цвет фона (Background color) Изменение цвета фона блока на странице. Нажмите на значок и выберите цвет.
Отступ сверху и снизу (Top and bottom margin) Добавляет отступ между блоком и другими элементами на странице. Чем больше отступление, тем дальше блок от других элементов. Введите значение в пикселях.
Фоновое изображение

(Background image)

Добавляет фон вместо цвета. Активируйте переключатель и выберите картинку.

Контур (Contour)

Добавляет линию вокруг блока для подчеркивания его границ. Активируйте переключатель, введите значение в пикселях для определения толщины линии, выберите тип линии, цвет и скругление.
Во всю ширину экрана (Full-screen width) При включении контент будет растянут от одного края экрана до другого по ширине.
На всю высоту экрана (Full-screen height) При включении контент будет растянут от одного края экрана до другого по высоте.
Скрыть блок на

(Hide block on)

Скрывает блок с элементами для выбранной версии устройства мобильной или десктопной.

С помощью разделителей вы можете визуально разделить блоки. Активируйте Верхний разделитель (Top divider) или Нижний разделитель (Bottom divider) в настройках блока и выберите, как должен выглядеть разделитель:

Внешний вид Выберите форму разделителя.
Цвет (Color) Выберите цвет разделителя.
Высота (Height) Выберите, какую высоту блока внутри блока будет занимать разделитель.
Повтор (Repeat) Выберите, сколько раз повторять форму разделителя.
Отразить (Flip) Выберите, как отразить форму разделителя:
  • не отражать (оставить по умолчанию);
  • по горизонтали;
  • по вертикали;
  • и по горизонтали, и по вертикали.

Закрепите блок

Вы можете закрепить в шапке сайта первый блок, чтобы он оставался сверху даже при прокрутке сайта. Для этого перейдите в настройки блока и активируйте опцию Закрепить вверху сайта (Pin to the top of the site).

Если вы добавляли блок Подвал сайта, можете его закрепить только внизу страницы.

Скройте блок

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

Наведите правый верхний угол блока и нажмите Настройка блока (Block settings).

В поле Скрыть блок на (Hide blok on) выберите иконку для какой версии скрыть блок: десктопной или мобильной.

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

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

Назад

Как работать с элементами сайта

Далее

Как добавить секцию

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

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