Плавающий виджет WordPress


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


Делается плавающий виджет в WordPress с помощью плагина или программным путём написанием кода:

  • Первый способ сделать плавающий виджет в WordPress — это написать его на JavaScript, требует знаний программирования, и постоянных обращений к подпрограмме;
  • Второй способ сделать плавающий виджет в WordPress — это установить плагин Q2W3 Fixed Widget который добавит функцию зафиксировать в каждый блок конструктора.

Рекомендую использовать второй вариант из-за его простаты и эффективности.

Q2W3 Fixed Widget


Q2W3 Fixed Widget — Это плагин для создания плавающих виджетов в WordPress. Добавляет чек-бокс (зафиксировать) в интерфейс инструментов конструктора, пользуется популярностью среди веб разработчиков, имеет настройки показа и очень удобный в работе.

Плавающий виджет Q2W3 Fixed Widget

Результат активации плагина Q2W3 Fixed Widget показан на рисунке вверху.

Настройка Q2W3 Fixed Widget


Для настройки виджета Q2W3 Fixed Widget используйте специальное окно в интерфейсе WordPress как показано на рисунке внизу.

Настройка Q2W3

Основные настойки плагина Q2W3 Fixed Widget отмечены зелёной областью и представляют из себя параметры определяющие границы отступа для плавающего виджета.

Чтоб избежать наезда виджета на другие элементы сайта, примените эти настройки:

  • Верхний отступ – минимальное расстояние от начала страницы до которой сможет двигаться блок;
  • Нижний отступ – ограничение для сползания вниз, достигнув которого виджет начнёт подниматься с страницей.

Жёлтым выделена настройка интервала отвечающего за обновление блока (чем выше значение тем мягче движение и выше нагрузка на сайт).


Настройка совместимости плагина Q2W3 Fixed Widget ограничивается возможностью автоматического изменения id и настройкой ширины родительского контейнера, которая применяется в случае динамического изменения сайд бара.