seo

Как установить плавающий сайдбар на сайте WordPress

плавающий сайдбар

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

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

Устанавливается он прямо из консоли блога, так как есть в библиотеке плагинов WordPress. Просто копируйте название плагина, вводите в строку поиска, устанавливайте и активируйте. Но на всякий случай - страница плагина.

Настройки плагина плавающий сайдбар

Установленный плагин мы находим в опции Внешний вид - Фиксированный виджет.

фиксированный виджет

Сразу хочу обратить Ваше внимание на правый верхний угол редактора. Как видите, там есть ссылка на русскоязычный форум. Если у Вас появились вопросы - можете обратиться туда.

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

Основные настройки плагина Q2W3 Fixed Widget

  1. Верхний отступ. Установите его в пикселях на такое расстояние, что бы виджет не прилипал к верхней части сайта
  2. Нижний отступ - принцип тот же. Устанавливается для того. что бы виджет не наезжал на футер
  3. Стоп ID - Вводится id html элемента, на который будет ориентироваться Ваш виджет и автоматически определять нижний отступ;
  4. Интервал обновления в миллисекундах - работает с определенными браузерами. Интервал пересчета обновления. Оставьте по умолчанию, так как если Вы установите этот период меньше. то нагрузка на Ваш сайт резко увеличится.
  5. Ширина отключения. Имеется ввиду ширина мобильного устройства, при которой Ваш виджет будет отображаться не корректно. Естественно она зависит от ширины Вашего виджета. И определяется тестом. Зайдите на свое мобильное устройство и проверьте как отображается плавающий сайдбар на нем. И сделайте вывод
  6. Высота отключения - те же настройки, но только касающиеся высоты мобильного устройства

Основные настройки

Совместимость плавающего сайдбара плагина Q2W3 Fixed Widget

Автоматически исправлять id виджетов. В современных темах виджеты имеют установленные id. При включении этого пункта id автоматически корректируются для правильного отображения;

Только зарегистрированные пользователи - активация данной функции позволяет видеть настройки только Вам, как владельцу сайта

Наследовать ширину родительского контейнера - включать надо только в том случае. если Ваш сайдбар меняет свою ширину на разных страницах сайта

Вкл. jQuery(window).load() -  надо в случае проблем с  JavaScript

Приоритет хука widget_display_callback - задаем приоритет функции нашего виджета.

Обычно эти настройки оставляют по умолчанию.

Совместимость

Произвольные идентификаторы плагина WordPress Q2W3 Fixed Widget

Это настройки для продвинутых вебмастеров. Например для установки в плавающем сайдбаре еще и разворачивающегося виджета. Мы это поле использовать не будем.

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

Советую фиксированный виджет установить самым последним, что бы он не наплывал на сайдбар и отображался корректно

Вот и все! Удачно работы!

Смирнова Ирина

Комментарии:

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