Закрепляем виджет в Вордпресс при прокрутке страницы

Наверное вы уже видели на сайтах виджеты, которые при прокрутке страниц остаются на своём месте. Именно такой виджет мы и будем делать.

zafiksirovat-vidget

Для закрепления виджетов используется специальный плагин — Q2W3 Fixed Widget. Устанавливается он стандартно, настраивается через «Внешний вид»«Фикс. Виджеты».

Q2W3 Fixed Widget

Настройки плагина:

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

  1. Верхний отступ — параметр отвечает за отступ от верхнего края браузера, на котором будет располагаться закреплённый материал;
  2. Нижний отступ — по-умолчанию равен 0, можно не указывать, чтобы не было проблем при просмотре сайта на мобильных и планшетах;
  3. Интервал обновления — не изменять;
  4. Настройки совместимости — при использовании адаптивного шаблона, ставить галочку в «задействуйте эту опцию, если ширина сайдбара вашей темы меняется динамически» не нужно, иначе сайдбар будет отображаться некорректно. Остальные настройки совместимости можно оставить по-умолчанию;
  5. Произвольные идентификаторы — заполнять не обязательно.

Нажимаем кнопку «сохранить изменения» и переходим к использованию.

Использование закреплённых или фиксированных виджетов

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

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

Виджет при прокрутке

Важно: текст или код, который вы хотите закрепить при прокручивании, должен располагаться в самом низу сайдбара, иначе испортится внешний вид сайта: зафиксированный текст будет «проезжать» поверх остальной информации из боковой колонки.

7 комментариев

  1. Спасибо за информацию. Всё реально. Всё понятно. Виджет стоит на своём месте при прокрутке.

  2. Также большое спасибо, долго искал скрипты для этого, но проще поставить виджет и забыть про проблему вообще.

  3. Посты короткие, по сути объявления, сайдбары получаются длиннее. Как сделать, что бы при окончании поста, он остался на месте, (не было пустоты) а сайдбары прокручивались. Как то так.

  4. Здравствуйте, а что делать если на моем сайте он не работает, есть еще способы?

  5. Спасибо! Ваша страница была первой в поиске по закреплению виджетов :) Удачи в развитии блога!

  6. Здравствуйте, уважаемый админ! Замечательный материал, давно искал данный плагин. Спасибо за полезную информацию и всего Вам наилучшего в ваших начинаниях! Буду признателен если зайдете ко мне.

  7. Спасибо,все получилось.Давно хотела такой плагин.

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

Your email address will not be published. Required fields are marked *