Как задать фон блока страницы?

Блок — это часть страницы, на которую можно добавить наполнение (тексты, картинки). По умолчанию страница содержит только один блок. Для добавления дополнительных блоков необходимо нажать кнопку в виде плюса, которая появляется при наведении на блок.

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

1. Как задать фон для блока?

Перейдите в настройки блока, кликнув на иконку в виде шестеренки, которая появится при наведении на блок.

В выпадающем списке Фон блока выберите подходящий вид фона: Цвет, Изображение или Видео.

• Цвет — задайте цвет фона и прозрачность в поле Цвет фона блока.

• Изображение — загрузите фотографию, кликнув на кнопку Загрузить изображение. Задайте настройки фона и сохраните изменения. В качестве фона в блоке можно добавить изображение весом не более 10 мб и размером не более 6000 пикселей по большей стороне.

• Видео — добавьте ссылку на ролик в поле Адрес видео. Вы можете добавить в качестве фона видео, размещенное на Vimeo, YouTube, ВКонтакте и Rutube.

Если ваш ролик находится на YouTube, перейдите на страницу ролика и скопируйте ссылку в адресной строке браузера.

Для получения ссылки на видео, размещенного на Vimeo, необходимо нажать кнопку Share и скопировать ссылку в строке Link.

Обратите внимание, на сайт можно добавить только те ролики из Vimeo, для которых нет запрета для встраивания. При попытке добавить ролик, у которого активна эта настройка, вы увидите ошибку. Разрешить встраивание видео необходимо в вашем аккаунте на Vimeo, выбрав в пункте Where can this be embedded? вариант «Anywhere». Также в блоке Link может быть выбран один из вариантов: «Unlisted», «Hide from Vimeo» или «Public». При других настройках ролик не может быть встроен на сайт.

Для получения ссылки на видео из ВКонтакте, вы можете нажать на ролик правой кнопкой мыши и выбрать опцию Скопировать ссылку на видео. Или можно открыть ролик и скопировать адрес в строке браузера.

ВАЖНО: Для возможности добавить ролик из ВКонтакте, вам необходимо быть авторизованным в вашем аккаунте во ВКонтакте. Ролик должен быть в общем доступе.

Из RuTube можно добавить ролики, которые находятся как в общем доступе, а также ролики с доступом по ссылке.

2. Как добавить цвет поверх фона блока?

Для вида фона Изображение и Видео доступна настройка цвета и степени его прозрачности. Этот цвет будет отображаться поверх фона.

3. Как задать цвет для контента Блока?

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

4. Настройки отображения фона на мобильных устройствах.

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

Также вы можете убрать в мобильной версии видео и задать вместо него цвет.

5. Настройте центр изображения.

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

6. Настройте анимацию для блока.

ВАЖНО: парралакс можно задать только для фона вида изображение.

7. При необходимости задайте другие настройки фона.

Растягивать блок по высоте экрана. Содержимое фона будет занимать одну область экрана монитора.

Убрать верхний, нижний, правый и левый отступ блока. Данные настройки позволяют убрать отступы у блока.

Выровнять фон по контенту. Настройка выравнивает фон блока по ширине, которую имеет контент в блоке, если он добавлен.

Последнее изменение: 24/03/2026