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

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

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

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

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

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

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

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

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

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

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

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

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

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

Блок «Видео»

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

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

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

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

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

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

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

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

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

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

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

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