Блоки Баннер и Видео

В меню блоков появились новые блоки. Баннер и Видео:

Новые блоки в меню

Блок «Баннер»

В блоке «Баннер» совмещен дизайн двух блоков (пока есть дизайн для двух). для коллаборации с другим изданием и для собственных нужд.

Блок для коллаборации с изданием выглядит так:

Блок-баннер для внутренних нужд выглядит так:

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

Именно для таких случаев, когда изображение нужно сделать немного больше и «подвинуть текст справа» в блоке есть настройка Ширина изображения на десктопе по-умолчанию она установлена в Обычная (изображение небольшое), но, как в случае с синим блоком ее можно поменять на Немного шире.

Настройки ширины изображения

На меньших ширинах ширина контентной части и изображения для всех стилей блоков одни и те же, так как располагаются одно под другим вертикально:

Вертикальное расположение элементов блока на небольших ширинах

Также для выбора внешнего вида баннера есть настройка Стиль баннера, по-умолчанию стоит Общий, что означает стиль для внутреннего использования. Стили называются так, за неимением пока что какой-то осмысленной системы стилей таких блоков, если, конечно, стилей будет больше чем два.

У кнопки можно выбрать два варианта поведения:

  • Переход по указанной ссылке
  • Открытие модального окна с формой заявки

Чтобы при клике на кнопку открывалось модальное окно с формой заявки, нужно установить радиокнопку в положение «Открытие модального окна с формой заявки». При этом не важно, заполнено ли поле «URL кнопки».

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

Блок «Видео»

Для вставки видео на сайт, реализован специальный блок, который похож по дизайну и функционалу на блок «Изобрежание». У этого блока есть тень и также может быть подпись. С настройками по-умолчанию и подписью блок выглядит так:

Клип недели Little Big Hypnodancer

По аналогии с блоком «Изображение» у этого блока также имеется возможность менять ширину. По -умолчанию на больших ширинах блок растягивается на всю ширину области, как блок «Баннер» ввиду особенностей пропорции.

Подавляющее большинство видео сейчас имеет горизонтальную пропорцию и лучше оставлять размеры по-умолчанию, так пользователь на десктопе будет больше мотивирован остаться и смотреть ролик на странице сайта, а не переходить на YouTube.

Но ширину можно сравнять с шириной текстовой части сайта, поставив в настройке Ширина видео переключатель в положение Узкое:

Настройка ширины блока

Если настройку переключить в Узкая, блок будет выглядеть на странице так:

Видео шириной с контент страницы (видно только на больших ширинах)

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

Диалоговое окно «Поделиться»

Этот код, нужно вставить в поле блока Код для вставки ролика.

Диалоговое окно для копирования кода ролика
Редакция
1 год назад
Выскажите все, что думаете об этом:

Посмотрите систему изнутри

Ваше сообщение успешно отправлено!
Представьтесь пожалуйста
Оставьте свой номер для связи
Нажимая на кнопку, вы даете согласие
на обработку персональных данных.

Получите ответ по смс

Ваше сообщение успешно отправлено!
Представьтесь пожалуйста
Укажите номер, на который придет ответ
Нажимая на кнопку, вы даете согласие
на обработку персональных данных.