8. Баннер. Часть 2.

8.1. Call to action.

Очередная простая вкладка с возможностью поставить 2 галочки.

Call to action
Call to action

1. Hide action buttons in banner? Тут нас спрашивают, нужна ли нам кнопочка в заголовке. Если Вы читали уроки этого курса, то, наверное, уже видели оранжевую кнопку справа под баннером. Тут я галочку поставил, потому что мне кнопка не особо нужна.  Пригодится она людям, которые хотят продвинуть программное обеспечение (текст как бы намекает).

2. Вторая кнопка отвечает за вывод вместо кнопочки формы подписки на новости. Это мне так же не нужно, поэтому тут я галочку не ставил. Итог можно лицезреть на скриншоте ниже.

Страница без кнопок
Страница без кнопок

 8.2. Media content

В этом разделе мы загрузим картинку в наш баннер. Функциональность раздела меню не ограничивается вставкой изображения в баннер. Здесь можно указать несколько файлов для слайд-шоу, вставить видео ролик, настроить размеры, время показа, но мы ограничимся одним изображением. В дальнейшем, если захотите, можно поэксперементироваить и получить впечатляющие результаты.

Вставляем изображение
Вставляем изображение

Первым делом выбираем медиаконтент, который у нас будет крутиться в баннере (выпадающий список под надписью Select media content). Можно выбрать:

  • single image (одно изображение).
  • slider (слайд-шоу).
  • video (видео).
  • free form content (свободная форма).

Я выбрал самый простой вариант — единственное изображение. Подготовил картинку 400 х 400 пикселей формата png (с прозрачным фоном — так интереснее) и нажал кнопку upload в секции Single Image. Далее появилось меню, как на скриншоте ниже.

Там жмем кнопку «Выберите файлы» и выбираем наше изображение.

Загружаем изображение
Загружаем изображение

Далее появляется окно, как на скриншоте ниже. Тут обязательно нужно нажать кнопку «Use this image» внизу (на нее наведен курсор мыши).

Применяем изображение
Применяем изображение

После этого жмем уже привычную зеленую кнопку «Save all changes» и смотрим, что получилось.

Целевая страница с настроенным баннером
Целевая страница с настроенным баннером

<предыдущая | содержание | следующая >

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *

*

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.