Рейтинг@Mail.ru

WordPress-блог

Терпенье и труд...

WPFront Notification Bar: бар уведомлений для показа короткой информации

Иногда, чтобы передать пользователю какую-то информацию, необходимо прибегнуть к нестандартным решениям. Одним из удобных вариантов является плагин WPFront Notification Bar, который выводит информативный бар на сайте.

Рассмотрим, как работает этот плагин.

Плагин WPFront Notification Bar для вывода бара с кнопкой Что умеет WPFront Notification Bar

Это миниатюрный и практически не нагружающий сайт плагин. Получить его можно по ссылке ниже.

WPFront Notification Bar выводит информационный бар вверху или внизу страницы сайта. К его достоинствам следует отнести очень гибкие настройки – можно будет реализовать почти любую дизайнерскую идею. Из недостатков можно выделить только один – он на английском языке.

Но любые языковые барьеры померкнут с моей инструкцией. Поэтому читаем, смотрим.

Бар нотификации может выглядеть, например, так:

Плагин WPFront Notification Bar для вывода бара с кнопкой

Итак, скачайте плагин WPFront Notification Bar, установите его на свой сайт и активируйте. После этого плагин можно настроить. Перейдите в пункт консоли «WPFront» и откройте подпункт «Notification Bar». Здесь находятся все опции. Первым идёт раздел «Display»:

  • Enabled. Включает и выключает плагин.
  • Position. Положение бара – наверху или внизу.
  • Fixed at Position. Если включить это, то бар всегда будет виден, независимо от прокрутки страницы.
  • Display on Scroll. Если включить эту опцию, то бар начнёт отображаться с того момента, когда пользователь произведёт прокрутку.
  • Scroll Offset. Если включена «Display on Scroll», то этот параметр задаёт количество пикселей прокрутки страницы до того, как появится нотификационный бар.
  • Bar Height. Ширина бара. Укажите 0, чтобы было по умолчанию.
  • Position Offset. Отступ от границы экрана до бара.
  • Display After. Интервал, через который будет появляться бар. Не будет работать, если включена функция «Display on Scroll».

Плагин WPFront Notification Bar для вывода бара с кнопкой

  • Animation Duration. Время анимации.
  • Display Close Button. Включает или выключает кнопку для закрытия нотификации. Лучше сделать, чтобы была эта кнопка, а то кого-то может раздражать.
  • Auto Close After. Автоматическое закрытие бара. Устанавливается в секундах.
  • Display Shadow. Включает или выключает тень бара.
  • Display Reopen Button. Если выключит, то появится кнопка, которая включает бар, если он был закрыт.
  • Keep Closed. Если бар будет закрыт один раз, то он будет закрыт на всех страницах сайта.
  • Keep Closed For. Устанавливается количество дней, которое бар будет закрыт. Работает через куки-файлы.

Плагин WPFront Notification Bar для вывода бара с кнопкой

Следующий раздел настроек в плагине WPFront Notification Bar — «Content»:

  • Message Text. Сюда нужно написать текст, который будет отображаться в баре.
  • Process Shortcode. Если включить это, то в надписи будут выполняться шорт коды.
  • Display Button. Включает и выключает отображение кнопки.
  • Button Text. Указываем текст кнопки.
  • Button Action. Указываем URL, на который должна направлять кнопка. Ниже к ней можно приделать атрибуты, чтобы она открывалась в другой вкладке, не индексировалась, а также прикрутить к ней JavaScript.
  • Close Bar on Button Click. Ели включить, то бар будет закрываться после клика по кнопке.

Плагин WPFront Notification Bar для вывода бара с кнопкой

Следующий блок настроек плагина WPFront Notification Bar — это «Filter»:

  • Start Date & Time. Можно указать, в какой день и час начнёт отображаться уведомление.
  • End Date & Time. А также, когда оно завершит отображение.
  • Display on Pages. Позволяет выбрать, на каких страницах будет отображаться настраиваемое уведомление.

Плагин WPFront Notification Bar для вывода бара с кнопкой

  • Display for User Roles. Определяет, для каких типов ролей пользователей будет отображаться бар.

Плагин WPFront Notification Bar для вывода бара с кнопкой

Следующий блок настроек «Color». Я не буду его подробно рассказывать, методом тыка сами сможете подобрать себе желаемый цвет на всех элементах. Скажу только, что изменить можно всё-всё.

Плагин WPFront Notification Bar для вывода бара с кнопкой

И последняя секция опций «CSS». Здесь можно очень тонко настроить внешний вид бара – для тех, кто владеет языком.

УжасноПлохоНормальноХорошоОтлично (1 оценок, среднее: 5,00 из 5)

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

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

 

WordPress-блог © 2015-2017