Для размещения дополнительной информации на сайте (в текстовом формате, в виде картинки или анимации, со ссылкой на интернет-ресурс и т.д.) удобно пользоваться баннерами. Такой инструмент позволит дополнить контент Вашего сайта, не нарушая его структуру, эстетику и удобство пользования. При этом добавление баннера на Ваш сайт с помощью конструктора «Нубекс» не потребует технически сложных манипуляций и займет не более пяти минут.
Затем следует выбрать колонку, в которой Вы хотите разместить баннер.
Обратите внимание:
в системе «Нубекс» баннеры можно вставить только в левую или правую колонку, соответственно, максимальная ширина баннера определяется шириной колонки: 220 точек. Если Ваш сайт использует дизайн без колонок (одноколоночник), то баннеры, добавленные в систему, на сайте не отобразятся.
После выбора колонки нужно кликнуть по раскрывающемуся меню: откроется список элементов, которые Вы можете добавить в эту колонку.
Вы можете разместить баннер как в виде картинки, так и в виде кода (созданного Вами или полученного от партнера/исполнителя).
Баннер
(от англ. banner — флаг, транспарант, растяжка) Баннер — это статическая картинка или несложная мультипликация (анимированная картинка), размещаемая на веб-страницах в рекламных целях.
Существует несколько способов создания баннера:
1) Заходим в консоль
2) Переходим в плагины
3) Активируем плагин Widget Builder
4) Слева в консоли нажимаем на Внешний вид
и выбираем наш плагин:
5) В появившемся окне нажимаем на кнопку Add New Widget
6) У нас открывается такое окно:
7) В нем также, как при создании таблиц и записей мы создаем содержимое. В нашем случае просто вставляем изображение, нажав на добавить медиафайл
Выделив изображение(нажать на него 1 раз), нажимаем на Вставить/изменить ссылку
(как показано на рисунке)
8) В открывшемся окне вставляем нужную нам ссылку в поле URL, либо выбираем из списка любую страницу со своего сайта:
После добавления ссылки жмем Обновить
9) Чтобы сохранить все наши изменения нажимаем на Update
в правом верхнем углу
10) Далее переходим Внешний вид
и нажимаем на Виджеты
11) Находим созданный нами виджет и переносим в область, гдн хотим его отображать
12) Наблюдаем результат
Что такое баннер в коде? Это изображение, обернутое в гипер-ссылку:
<a>
— открывающий тег гипер-ссылки
<img>
— тег изображения (закрывающий тег не нужен)
</a>
— закрывающий тег
Заходим в Виджеты
, переносим поле Текст
в нужную нам область и вставляем в нее код нашего банера.
Все, баннер добавлен.
Размещение баннера в виде кода
Если Вы уже имеете код для вставки баннера (например, код предоставлен Вашим партнером или сгенерирован специальным сервисом), то выберите в меню пункт «Создать текстовый блок». Перейдите в режим «Источник» и вставьте код в текстовое поле.
Так же, как и при размещении баннера-картинки, Вы можете изменять параметры отображения (на главной и внутренних страницах сайта, в т.ч. в мобильной версии) и типы оформления баннера (фон и рамка).
Размещение баннера в виде картинки
Если Вы хотите вставить баннер картинкой, выберите в меню пункт «Создать блок баннеров»: откроется раздел редактирования.
Вы можете изменять тип оформления баннера:
- ввести заголовок (необязательно): он будет отображаться над опубликованным баннером-картинкой;
- изменить стиль отображения баннера и заголовка: добавить фон или рамку для картинки, фон для заголовка.
Обратите внимание:
по умолчанию система предлагает Вам отображать баннер как на главной, так и на всех внутренних страницах сайта. Если Вам необходимо добавить баннер только на главную страницу (или только на остальные), уберите нужные галочки в меню вверху страницы. Отобразить баннер только на некоторых (не всех) внутренних страницах сайта невозможно.
Для выбора картинки — будущего баннера — нажмите на кнопку «Загрузить изображения» внизу экрана, выберите нужный файл на компьютере и нажмите «Открыть».
Обратите внимание:
допустимые форматы загружаемых файлов — jpeg, jpg, gif, png; максимальный размер каждого файла — 10 Мб. В ширину картинки должны иметь не менее 200px.
После загрузки картинки Вы можете изменить параметры баннера, щелкнув по стикеру «Изменить настройки тизера» в графе «Редактирование».
Вы можете ввести подпись к баннеру (она будет отображаться под картинкой) и краткое описание (отобразится под подписью), а также добавить ссылку на интернет-ресурс: в таком случае при нажатии на баннер пользователь будет перенаправлен на тот сайт, адрес которого Вы ввели в поле «URL ссылки».
Затем нужно сохранить изменения и выйти из режима редактирования. С помощью режима просмотра сайта следует убедиться, что размещенный Вами баннер отображается корректно.
Как показать баннеры в случайном порядке
Если Вы хотите, чтобы при каждом обновлении страницы (или при переходе в другой раздел сайта) у пользователя отображался случайный баннер из определенного набора (пула), при создании блока баннеров нужно сделать следующее:
- При загрузке изображений выбрать не одну картинку, а несколько — это будет основой для Вашего пула;
- После загрузки изображений (при необходимости) для каждого из них отредактировать параметры баннера (подпись, URL ссылки, краткое описание);
- Установить режим отображения: случайный или в порядке сортировки. Сортировать порядок изображений Вы можете кнопками «вверх/вниз» в поле, где отображаются загруженные картинки;
- Установить количество отображаемых анонсов (1-10), т.е. то количество баннеров из пула, которое будет одновременно отображаться на странице;
- Сохранить изменения, выйти в режим просмотра сайта и обновлять страницу до тех пор, пока меняющиеся картинки не перестанут Вас радовать.
