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

Как сделать плавающий сайдбар на WordPress Информационный сайт

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

Как выглядит?

Самый простой пример вы можете увидеть на картинке ниже. На ней в слайдбаре вы видите баннер «Чек лист для проверки группы Вконтакте», который постепенно перемещается вместе с вами до самого конца страницы.

Пример работы Q2W3 Fixed Widget на WordPress

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

Для того чтобы сделать плавающий сайдбар вам будет необходимо установить плагин Q2W3 Fixed Widget. О том как делать установку плагинов на Вордпресс я уже писал, поэтому не буду подробно на этом останавливаться.

После установки и активации в админке переходите во вкладку «Внешний вид» и далее выбираете подраздел «Фикс-настройки».

Меню Внешний вид на Вордпресс

Далее перед вами открывается окно настроек плагина, в котором вы можете установить все необходимые настройки. Особенно я бы рекомендовал обратить внимание в этих настройках на пункт «Высота отключения». Поскольку написав в нем нужную вам высоту, при которой плагин перестает опускать ниже изображение – вы просто избежите наложения сайдбара и футера.

Настройки плагина Q2W3 Fixed Widget на WordPress

После того как вы выполните все необходимые настройки переходите во вкладку «Внешний вид» и выбираете там подраздел «Виджеты».

Меню Внешний вид на Вордпресс

В окне виджетов находите тот блок, который вы хотите сделать плавающим в сайдбаре и перемещаете его в конец страницы.  После чего нажимаете на него, и ждете до тех пор, пока не откроются настройки виджета.

Перемещаем раздел в слайдбаре чтобы закрепить его через Q2W3 Fixed Widget на WordPress

Далее в окне настроек спускаетесь в самый низ,  находите чекбокс «Закрепить»,  кликаете на него и нажимаете «Сохранить».

Закрепляем раздел в сайдбаре через Q2W3 Fixed Widget на WordPress

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

Видео: «Как зафиксировать сайдбар на Вордпресс»

Итог

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

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

Jurij Kovalenko

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

С 2019 года активно занимаюсь развитием блога в интернете и создаю источники пассивного дохода, занимаюсь инвестициями. Постоянно развиваюсь в этой сфере и всегда стараюсь сделать продукт лучше, чем у конкурентов.

Оцените автора
Блог Iprodvinem.com | Удаленная работа и заработок денег в интернете
Добавить комментарий

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