Обложка

Добавим на страницу блок, нажав кнопку «Обложка»:

В блоке сразу отображается фон (изображение) и заголовок, который можно изменить двумя способами:

• через inline-редактирование — просто кликните по нужному месту в тексте и введите изменения прямо в блоке;
• через меню «Настройки» и «Стиль» в левом верхнем углу обложки.

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

На обложке размещены три текстовых элемента, каждый из которых можно:

• отформатировать в визуальном редакторе;

• задать стили с помощью встроенных инструментов;

• при необходимости — перейти в HTML-режим и вручную внести правки (через соответствующую иконку).

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

Стиль

Во вкладке «Стиль» вы можете изменить фоновое изображение обложки и настроить множество параметров отображения.

Например, параметр 100vh задаёт высоту блока относительно экрана: по умолчанию он равен 100%, но вы можете задать, например, 50, чтобы обложка занимала только половину видимой области.

Можно выбрать тип обложки — статичную (фиксированную) или прокручивающуюся.

Вместо изображения можно установить видео-фон, указав ссылку на ролик с YouTube или Vimeo. Учтите: фоновые видео не воспроизводятся на мобильных устройствах — в этом случае отображается серый фон.

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

• уровень непрозрачности;

• внутренние отступы блока;

• загрузка фонового изображения:

• с компьютера;

• из избранного;

• из стандартной коллекции обложек.

  
  

Оптимизация изображения

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

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

Эта опция полезна в двух случаях:

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