Плавающий виджет в сайдбаре



Плавающий виджет в сайдбаре

Плавающий виджет в сайдбаре

Зачем нужен плавающий виджет в сайдбаре? Плавающий, или фиксированный виджет – это такой блок информации, который виден всегда, сколько бы вы не прокручивали страницу вашего блога.

Посмотрите короткий видеоролик, в котором наглядно показано действие плавающего виджета:

Плавающий виджет в сайдбаре

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

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

Важный момент!!! Если вы размещаете на своём сайте рекламу Гугловского Адсенса, то у них в правилах запрещается размещать рекламу в плавающих виджетах и блоках. Нарушение ведёт к блокировке аккаунта.

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

Как сделать плавающий виджет в сайдбаре?

Тут всё просто. Для этого есть специальный плагин, под названием q2w3-fixed-widget. Плагин популярный, пользуется спросом, постоянно обновляется, так что, есть надежда на быструю и стабильную работу.

Установка плагина стандартная. В поле Поиск плагинов вставляем название q2w3-fixed-widget, скачиваем, устанавливаем, активируем.

Настройка плагина q2w3-fixed-widget

Настройка плагина q2w3-fixed-widget

Настройка плагина q2w3-fixed-widget

В админке, во вкладке Внешний вид у вас появляется надпись Фикс. Виджеты, в ней и производятся все необходимые настройки.

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

Остальные настройки могут пригодиться при режиме отладки и возникающих ошибках. Там всё понятно, разобраться будет не трудно.

Теперь переходим во вкладочку Виджеты, и выбираем тот, который мы хотим зафиксировать. Открываем настойки виджета и видим в самом низу новый чекбокс Зафиксировать виджет, вот напротив него и ставим галочку.

Настройка плагина q2w3-fixed-widget

Настройка плагина q2w3-fixed-widget

На этом все настройки плагина q2w3-fixed-widget закончены, можно наблюдать, как нужный блок занимает своё место при прокрутке страницы. Отрегулируйте верхнее расстояние и любуйтесь рациональным использованием пространства вашего сайта.

@ ПОДПИСАТЬСЯ НА НОВОСТИ САЙТА

Этот сайт работает на быстром, надёжном, не дорогом хостинге GIGAHOST

Поделиться:

Комментарии к “Плавающий виджет в сайдбаре

  1. Хорошее и интересное решение. Жаль, что Гугл как всегда «против»! 😉

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

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

:bye: 
:good: 
:za-nas: 
:wacko: 
:yahoo: 
:skromnost: 
:heart: 
:rose: 
:-) 
:yes: 
:cry: 
:mail: 
:unsure: 
;-)