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

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

zafiksirovat-vidget

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

Q2W3 Fixed Widget

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

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

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

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

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

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

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

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

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

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

  1. Григорий:

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

  2. Юкки:

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

  3. Артем:

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

  4. Валерий:

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

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

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

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