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

Как установить фиксированный виджет на сайт wordpress

Здравствуйте! Сегодня расскажу о том, как установить фиксированный виджет на сайт wordpress, а заодно реализую это на своём блоге.

СОДЕРЖАНИЕ

Что такое фиксированный виджет и зачем он нужен?

Как сделать фиксированный виджет?

Видео: как установить фиксированный виджет на сайт wordpress

Заключение

Что такое фиксированный виджет и зачем он нужен?

В общем случае, виджет на блоге – это графический модуль с каким-либо изображением и информацией. Как правило, это окно, ведущее на другой сайт. Пример – рекламные баннеры, находящиеся в боковой панели блога (сайдбаре).

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

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


Как сделать фиксированный виджет?

Секрет прост. Существует замечательный плагин Q2W3 Fixed Widget, который позволит мне реализовать идею и зафиксировать один из баннеров на моём блоге.

Копирую название этого плагина (из абзаца выше). В админ-панели своего сайта нажимаю “Плагины”, “Добавить новый”:

Как добавить плагин

В строку поиска вставляю скопированное ранее название и устанавливаю этот плагин, а затем активирую его.

Установка плагина

Как установить плагин на сайт

Всё, плагин готов в работе.

Плагин установлен

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

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

Зачем может понадобиться настройка? Например, если в подвале Вашего блога есть какая-то информация (или картинка), на которую не должен “наезжать” фиксированный баннер, то можно увеличить параметр нижнего отступа (отмечено стрелкой на скриншоте ниже), т.е. расстояние от нижнего края виджета до самого низа экрана сайта . Это расстояние подбирается опытным путём, но уже после того, как Вы зафиксировали виджет.

Корректировка отступа виджета

Я пока ничего корректировать не буду, оставлю настройки плагина без изменений и посмотрю, что получится.

О том, как устанавливать баннер на сайт, я писала в этой статье. Если у Вас еще не стоят баннеры, поставьте парочку. Затем нижний из них нужно будет зафиксировать (верхний фиксировать нет смысла, т.к. он будет “наезжать” на всё то, что ниже него. Это будет и не эстетично, и другие виджеты будут закрыты для просмотра посетителям сайта).

После размещения баннера на сайте и установки плагина внизу под виджетом появляется возможность поставить галочку “Зафиксировать виджет”, что я и делаю для своего самого нижнего баннера.

  • Нажимаю “Внешний вид”, “Виджеты” на админ-панели.

Переход к виджетам

  • раскрываю виджет (путём нажатия треугольничка справа).

Кнопка виджета

  • ставлю галочку “Зафиксировать виджет” и “Сохранить” внизу раскрывшегося виджета.

Фиксирование виджета

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

Если Вы произвели какие-то изменения с виджетами на своём сайте, деактивируйте на время плагин WP Super Cache, если он у Вас установлен. Это позволит при обновлении страницы сайта сразу увидеть все изменения.

Видео: как установить фиксированный виджет на сайт wordpress

Для удобства я также записала видео о том, как устанавливаю фиксированный виджет на свой блог.


Заключение

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

Напишите, пожалуйста, в комментариях, была ли для Вас полезна информация, а также, всё ли слышно в видео (увеличивала звук, как могла:-))

Всем отличного настроения! С уважением, Юлия.

Если статья понравилась, нажмите кнопки социальных сетей! Это лучшее спасибо автору:-)


 

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

  1. Юля, отличная фишка! Все сделал, как написано. Но почему-то фиксированный баннер, при прокрутке вниз, показывается наполовину.
    Правда, при установке плагина Q2W3 Fixed Widget, было написано, что он не тестировался с моей версией Вордпресс. Может в этом дело? У меня версия 4.9.1

      1. Да, Юля, верхний отступ сделал, теперь все нормально 🙂 Только его далеко не в десятках надо делать, а в сотнях. Сперва поставил значение 20 (по умолчанию 10 стоит). А потом 100, немного вылез баннер.
        Сейчас 220 сделал, теперь он у меня по середине стоит.
        Спасибо, что посоветовала в настройке отступ сделать!

        1. Кстати, спасибо, за подсказку в статье: деактивировать плагин WP Super Cache. Намного упрощается всё и экономит время. А то думал, в чем же дело, после изменений страницу обновлял по 10 – 20 раз и ничего не менялось. Сейчас все быстренько делается 🙂

          1. У меня стоит не WP Super Cache, а Hyper Cache. Это то же самое или иной плагин? Если я что-то меняю на блоге, то не отключаю его, а стираю кеш, а затем обновляю. Т.к. изменения у меня появляются редко, то удаление/обновление кеша на работу блога не влияет. Как-то так. 🙂

          2. Андрей, утверждать не могу, т.к. не работала с Hyper Cache. Плагин-то, конечно, другой (судя по названию), но по смыслу, видимо, то же самое или аналогичное WP Super Cache. Стирать кеш, а не отключать плагин – тоже выход из положения. Главное – добиться того, чтобы результаты изменений можно было увидеть сразу, а не ждать какое-то время, чтобы проверить, всё ли сделано так, как нужно.

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

  3. Юля, великолепно! Особенно видео! Звук идеальный. Даже пришлось его немного убавить, т.к. ожидал, что будет тихо. У меня банеров пока нет, но Ваши посты – будущая инструкция по их размещению для меня. 🙂

  4. У меня почему-то перестал работать этот плагин. Странно, просто взял и перестал функционировать. Уже несколько раз переустанавливал, совершал различные манипуляции, но всё тщетно, к сожалению…

    1. Максим, плагин был установлен давно и в какой- то момент перестал работать? Странно. Может, в поддержке смогут помочь?

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

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