Создание баннеров
Добавлять новые баннеры могут только привилегированные пользователи. Для перехода настройкам баннеров наведите курсор на блок с баннерами и кликните на шестеренку (⚙️).
В результате откроется слайдер для управления баннерами. Здесь вы можете создавать, редактировать и удалять баннеры. На слайдере отображается основная информация обо всех созданных баннерах: их статус активности, название, индекс сортировки, изображение, шаблон, текст и время показа.
При необходимости вы можете вывести колонки с дополнительной информацией о баннерах. Для этого нажмите на шестеренку в левом верхнем углу экрана и отметьте галочками нужные колонки.
Чтобы добавить новый баннер нажмите на кнопку «Создать». Откроется слайдер, где у вас будет выбор из пяти шаблонов баннеров. Рассмотрим особенности создания каждого из них.
Шаблон баннера «Картинка»
Такой шаблон будет удобен для загрузки изображений, на которых уже есть текст или другой контент, который не должен перекрываться. Например, инфографика. В настройках этого шаблона нет опций для добавления текста и кнопок, чтобы эти элементы не закрывали основное содержание картинки.
При создании такого шаблона доступны следующие поля:
-
Название. Обязательное поле, в котором нужно ввести название баннера. Название будет доступно только привилегированным пользователям на слайдере управления и редактирования баннеров — оно нужно для удобной навигации по баннерам, а также может использоваться для сортировки. Баннер можно назвать исходя из его содержания, например «Информация о корпоративе» или «Анонс нового курса».
-
Картинка. В это поле нужно загрузить картинку баннера. Для загрузки доступны изображения в формате JPEG и PNG. Вес, высота и ширина загружаемого изображения не ограничены, однако при их загрузке нужно учитывать настройки поведения баннеров, а также размеры других баннеров в карусели. Чтобы все баннеры были одного размера рекомендуется загружать картинки одинаковые по ширине и высоте.
-
Активность. Опция влияет на отображение баннера на Главной. Если галочка стоит, баннер будет выводиться в общей карусели. Если галочку убрать, баннер будет доступен только администраторам через слайдер управления баннерами.
-
Начало активности/Окончание активности. В этих полях можно указать временной промежуток (дату и время) в течение которого баннер будет отображаться на Главной. Когда дата окончания активности пройдет, сотрудники больше не будут видеть данный баннер. Доступ к нему останется только у администраторов через меню управления баннерами. Если поля не заполнены, баннер будет отображаться в карусели всегда.
-
Сортировка. С помощью этого поля устанавливается порядок отображения баннеров в карусели. Баннер с самым меньшим индексом будет первым, а с наибольшим — последним. То есть, баннеры будут идти от наименьшего индекса к большему. Если в настройках блока выл выбран другой тип сортировки, то эта опция не будет использоваться.
-
Время показа (сек.). Здесь можно указать количество секунд, которое баннер будет отображаться в карусели до переключения на следующий баннер. Если значение не задано, то по умолчанию каждый баннер отображается в карусели 10 секунд. Опция позволяет управлять длительностью показа баннеров с учетом их содержания. Например, если на баннер добавлено много текста, то время его показа можно увеличить.
-
Показывать только новым сотрудникам (в течение месяца с даты регистрации). Опция позволяет сделать баннер видимым только для новых сотрудников. Баннер будет виден в карусели всем новым пользователям в течение 30-ти дней с момента регистрации. После этого баннер будет доступен только администраторам через меню управления баннерами.
-
Ссылка сноски. В этом поле можно указать ссылку, по которой должен перейти пользователь при нажатии на баннер. Например, если баннер информирует о недавних изменениях в сфере, то ссылка может вести на статью-первоисточник.
- Права доступа. Здесь настраиваются права доступа к баннеру, т.е. какие пользователи смогут его видеть, а какие — нет. Это позволяет размещать таргетированные баннеры.
Пример отображения баннера, созданного по шаблону «Картинка»:
Шаблон баннера «Картинка с текстом»
В настройках этого шаблона есть текстовые поля и опция добавления кнопки, которые будут выводиться поверх картинки баннера. Это позволяет оперативно добавлять и изменять информацию на баннере без необходимости править саму картинку в отдельном графическом редакторе.
У данного шаблона есть все настройки шаблона «Картинка», а также дополнительные поля:
-
Заголовок. В этом поле можно указать текст заголовка, который будет выводиться на баннере поверх картинки. Размер и шрифт зафиксированы в стилях шаблонов баннеров и не настраиваются отдельно. Выравнивание заголовка также всегда стандартное — по левому краю баннера.
-
Цвет текста заголовка. В этом поле можно указать цвет текста заголовка в виде HEX-кода.
-
Подзаголовок. В этом поле можно указать текст подзаголовка, который будет выводиться на баннере поверх картинки. Если заголовок указан, то текст подзаголовка всегда будет отображаться ниже. Размер и шрифт зафиксированы в стилях шаблонов баннеров и не настраиваются отдельно. Размер шрифта подзаголовка всегда меньше, чем у заголовка. Выравнивание также всегда стандартное — по левому краю баннера.
-
Цвет текста подзаголовка. В этом поле можно указать цвет текста подзаголовка в виде HEX-кода.
-
Добавить кнопку. Опция позволяет добавить на баннер кнопку для перехода по ссылке. С ее помощью можно акцентировать внимание на том, что баннер кликабелен и перенаправить пользователей на внешний ресурс: сайт, статью, сервис, опрос и так далее.
Если в настройках баннера указана ссылка для перехода, то при клике на кнопку пользователь перейдет по указанной ссылке. Если ссылка не задана, то при клике на кнопку страница обновится и пользователь останется на Главной.
Примечание
При наличии кнопки баннер остается кликабельным, то есть по клику на любую область баннера пользователь также перейдет по указанной ссылке.
- Текст кнопки. Настройка появляется только если включена опция «Добавить кнопку» (см. пункт 5). В данном поле можно указать текст для кнопки. Например «Перейти», «К статье», «Голосовать», «Кликай сюда», «Наш сайт» и тому подобное.
- Заглавные. Настройка появляется только если включена опция «Добавить кнопку». Здесь можно настроить регистр букв в тексте кнопки: все заглавные или первая заглавная, а остальные прописные.
- Цвет текста. Настройка появляется только если включена опция «Добавить кнопку». В этом поле можно указать цвет текста кнопки в виде HEX-кода.
- Скругление. Настройка появляется только если включена опция «Добавить кнопку». Здесь можно выбрать форму кнопки: полностью скруглить края или оставить прямоугольными.
-
Цвет кнопки. Настройка появляется только если включена опция «Добавить кнопку». В этом поле можно указать цвет фона кнопки в виде HEX-кода.
-
Цвет рамки. Настройка появляется только если включена опция «Добавить кнопку». В этом поле можно указать цвет рамки кнопки в виде HEX-кода.
- Добавить таймер. Опция позволяет добавить на баннер блок с обратным отсчетом до события. Если галочка активна, то созданный таймер выводится. Если галочку снять, то таймер не будет выводиться на баннере.
-
Дата и время завершения таймера. В этом поле нужно выбрать дату и время, до которого будет длится обратный отсчет. По окончании отсчета таймер будет показывать 0 дней, 0 часов, 0 минут и 0 секунд.
При необходимости вы можете скрыть баннер с главной страницы, как только закончится обратный отсчет. Для этого в настройке баннера «Окончание активности» укажите те же дату и время завершения, что и у таймера.
-
Часовой пояс. Поле для выбора часового пояса, в котором будет выполняться обратный отсчет.
-
Цвет цифр. Цвет цифр и текста на таймере.
-
Цвет подложки. Цвет блоков со временем на таймере.
-
Прозрачность подложки, %. Прозрачность фона блоков.
Пример отображения баннера, созданного по шаблону «Картинка с текстом» со всеми элементами:
Шаблон баннера «Видео растянутое»
У данного баннера есть все настройки шаблона «Картинка». Отличие в том, что вместо поля для загрузки изображения здесь находится поле для загрузки видео. Для добавления доступны видео в формате mp4, mpg, avi, wmv, mpeg, mpe и flv. В данном случае будет размещено во всю ширину блока баннера.
Пример баннера, созданного по шаблону «Видео растянутое»:
Шаблон баннера «Видео с текстом справа»
У данного баннера есть все настройки шаблона «Картинка с текстом». Отличие в том, что здесь сразу два блока для загрузки медиа: «Видео» и «Фон баннера».
Для загрузки доступны видео в формате mp4, mpg, avi, wmv, mpeg, mpe и flv. И фото в формате JPEG и PNG.
В данном случае загруженное фото будет фоном для видео, текста и других элементов. Видео будет размещено в левой части баннера, а текст — справа. Также на баннере могут быть размещены текст и кнопка.
Шаблон баннера «Видео с текстом слева»
У данного баннера есть все настройки шаблона «Видео с текстом справа». Отличие в том, что в данном случае видео будет размещено справа, а текст — слева.
Редактирование, деактивация и удаление баннеров
На слайдере управления баннерами нажмите на бургер-меню рядом с нужным баннером и выберите нужное действие:
-
Редактировать. При нажатии на кнопку откроется слайдер редактирования баннера. Он идентичен слайдеру создания баннера.
-
Деактивировать/Активировать. Опция позволяет скрыть/показать баннер на Главной странице.
-
Удалить. При нажатии на кнопку баннер будет удален.
При необходимости блок с баннерами можно целиком убрать с Главной страницы. Подробнее об этом написано в отдельной статье.