Привет! Мы продолжаем разбирать самые интересные и самые полезные плагины для сайта WordPress! Сегодня вы узнаете как сделать на своём сайте фиксированный виджет или как его ещё называют – плавающий виджет. Фиксированный виджет будет постоянно находится на виду у пользователя, даже если он прокручивает страницу вниз или вверх. Если плавающий виджет находится внизу страницы, то когда вы до него дойдёте, он автоматически зафиксируется на странице. Вы сможете зафиксировать любой виджет. Можно указать расстояние от верха и низа сайта до виджета.
Установить плагин Q2W3 Fixed Widget вы сможете прямо из админ-панели WordPress. Перейдите на страницу: Плагины – Добавить новый, введите название плагина в форму поиска, нажмите Enter, установите и активируйте плагин.
Далее, после установки и активации плагина, перейдите на страницу: Внешний вид – Фикс. Виджеты. Здесь вы сможете настроить основные параметры плагина. Для тех кто не хочет вникать, то можно оставить всё как есть. По умолчанию всё работает, можно ничего не менять.
– Верхний отступ, можно указать расстояние от верха сайта до виджета.
– Нижний отступ, можно указать расстояние от нижнего края сайта до виджета.
– Стоп ID, здесь необходимо ввести id html-элемента. Позиция этого html-элемента будет динамически определять значение нижнего отступа.
– Интервал обновления, используется только для совместимости с браузерами не поддерживающими MutationObserver API.
– Ширина отключения, используйте эту опцию для отключения плагина на мобильных устройствах. Если ширина окна браузера меньше или равна указанной величине, плагин будет отключен.
– Высота отключения, работает аналогично опции “Ширина отключения”.
– Можно автоматически исправлять id виджетов.
– Отключить MutationObserver, отключение восстанавливает функционал версии 4 – для обнаружения изменений на странице используется интервал обновления.
– Только зарегистрированные пользователи, используйте для отладки стилей, скриптов.
– Наследовать ширину родительского контейнера, задействуйте эту опцию, если ширина сайдбара вашей темы меняется динамически.
– Включить jQuery(window).load(), включите эту опцию в случае проблем с другими скриптами.
– Выберите приоритет хука widget_display_callback.
– Произвольные идентификатора, HTML-идентификаторы статических виджетов и прочих нестандартных элементов (каждый на новой строке).
– Сохраните изменения.
Далее, перейдите на страницу: Внешний вид – Виджеты. Откройте виджет который вы хотите зафиксировать. Поставьте галочку возле значения “Зафиксировать виджет”.
Всё готово! При прокрутке страницы виджет будет всегда на виду у пользователя.
Остались вопросы? Напиши комментарий! Удачи!
Приветствую. Очень полезный плагин. У меня возник вопрос по оптимизации. Вдруг сможете помочь. У меня на сайте в боковом сайдбаре располагается пять баннеров. Плагин установил, все работает. Вот только при прокрутке страницы вниз баннеры не начинаю прокручиваться а фиксировано показываются только два верхних, и уже ближе к концу страницы появляются остальные 3 баннера. Так вот вопрос. как сделать так чтобы при прокрутке вниз страницы все баннеры прокрутились и уже относительно последнего весь этот сайдбар полз к концу страницы?
Здравствуйте. Фиксируйте 2-3 последних баннера, а не первых, тогда всё норм будет. Если у вас 6 баннеров, зачем их все фиксировать, они же всё равно не влезут все на экран и будут не корректно отображаться. Фиксируйте только нижние баннеры !
Спасибо, очень помогли, а то у меня как-то коряво встал блок рекламы, а про настрой плагина я не знала.
Спасибо. Все оказалось очень просто.
Почему на страницах фиксируется а в записях нет, или так и должно быть?
У меня везде фиксируется. В записях сайдбар тот же?
Как можно сделать так, чтобы фиксация была до середины, а после середины виджет прокручивался, а на его место фиксировался новый?
В настройках измените параметр Верхний отступ. Доведите его до середины.
Спасибо за быстрый ответ!
Верхний отступ – это расстояние от верхнего края окна до верха виджета.
Но это не тот эффект.
Фактически, мне нужно, чтобы фиксировалось два виджета, один – в первой половине прокрутки, второй – во второй половине (от середины до подвала).
Нужная работа этого плагина реализована правильно тут –
Как это сделано?
Спасибо, если подскажете!
Там стоит не этот плагин. Там программист делал, либо уже было встроено в тему по умолчанию. У данного плагина таких настроек нет. Нужно делать доработку. Обратитесь к разработчику, вот здесь ссылка на группу ВК – Супер плагины WordPress. Отличный разработчик, спец по WP, мне лично помогал, рекомендую!