Блоки

Каждая страница сайта компонуется из блоков, которые настраиваются в режиме конструктора на вкладке «Блоки»:

image

Опции блока:

image

  1. Настроить оформление блока
  2. Настроить структуру блока
  3. Копировать блок на текущую страницу
  4. Меню с действиями с блоком
  5. Удалить блок со страницы

Оформление блока

Цвет фона

Цвета фона зависят от выбранного шаблона и цветовой схемы. Если вы хотите изменить цвет фона, то поменяйте цветовую схему и шаблон в разделе «Дизайн».

Фоновая картинка

При использовании картинки в качестве фона блока доступны следующие настройки:

image

  • Наложение цвета поверх изображения — настройка полезна, например, когда необходимо поверх светлого изображения написать текст буквами также светлого цвета.
  • Настройки изображения — растягивание картинки по ширине, выравнивание картинки, дублирование изображения в случае, когда выбрано замощение плиткой.
  • Эффекты — фиксирование картинки (при прокрутке не будет менять положение), создание эффекта параллакса.
  • Подложка —  выбор цвета, который будет отображаться, пока изображение не загружено. Если вы используете изображение с прозрачными участками, этот цвет будет отображаться под ними.

Карта в качестве фона блока

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

image

Видео

Чтобы на фоне блока проигрывалось видео, добавьте ссылку на ролик в YouTube или Vimeo.

image

В настройках видео на видеохостинге разрешите встраивание на сторонние сайты.

На панели настроек видео можно:

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

Тень

Настройка для установки внутренней и внешней тени блока. Можно добавлять несколько теней, например для каждой из сторон блока.

image

Доступна настройка следующих параметров тени:

  • Прозрачность — степень прозрачности тени.
  • Сдвиг по оси X — смещение тени по горизонтали. Положительные значения сдвигают тень вправо, отрицательные — влево.
  • Сдвиг по оси Y — смещение тени по вертикали. Положительные значения сдвигают тень вниз, отрицательные — вверх.
  • Блюр — радиус размытия тени.
  • Размах — растяжение тени.

Структура блока

image

Доступны следующие настройки:

  • Контейнер или Резиновый — задайте ширину блока, в рамках которой будут размещаться виджеты. В резиновом блоке  виджеты растягиваются на всю ширину сайта, контейнер же имеет фиксированную ширину 1200 пикселей.
  • С полями у виджетов или без полей — всем виджетам в блоке будут добавлены небольшие поля (чтобы виджеты не  «прилипали» друг к другу).
  • Высота блока — если выбрать вариант «По контенту», размер блока будет настроен исходя из высоты всех виджетов в блоке. Если выбрать «По экрану», высота блока будет настроена исходя из размера экрана пользователя.
  • Кнопка «Вниз» — добавьте кнопку вниз блока, при нажатии на которую происходит плавное перемещение к следующему блоку. Настройте цвет и размер. Если хотите выбрать другой вид кнопки, наведите курсор и нажмите «Заменить».
  • Выравнивание контента — задайте вертикальное выравнивание контента в блоке (сверху, снизу, по центру блока).
  • Выравнивание карточек — если вы используете виджет «Карточка», с помощью этой настройки выравняйте карточки по высоте.