Home / Блоговедение / Как сделать плавающий блок в сайдбаре
Мне дали ТИЦ!

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

Здравствуйте, уважаемые читатели моего блога! Для начала хочу сообщить небольшую, но приятную новость – моему блогу присвоен ТИЦ 10. Для тех, кто не знает – это “тематический индекс цитирования” от Яндекса, который говорит о том, что на множестве других хороших сайтов по этой теме есть ссылки на мой блог. Само по себе это значит, что на блоге качественные статьи,  интересные и полезные многим людям. Кстати, я тоже замечал, что на этот блог приходят с разных форумов, где кто-то из читателей поделился полезной ссылкой на какую-нибудь из моих статей. За это спасибо моим читателям, хотя сам я, честно говоря, давно не распространял никаких ссылок. Они сами распространяются… Посещаемость тоже заметно растет, а это о чем-нибудь да говорит.

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

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

Делается такая полезная штука чень просто – для WordPress-а есть специальный плагин. Называется он вот так странно — Q2W3 Fixed Widget.

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

Здесь особо говорить нечего – заходите в админку блога, в “Плагины” – “Установить новый”.Там в поиске вписываете название плагина — Q2W3 Fixed Widget, можете здесь просто скопировать. Поиск Вам его успешно найдет.

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

У меня этот плагин уже установлен, поэтому написано “Установлен”. У Вас же там будет написано “Установить”. Жмете и активируете. Вот и все.

Использование плавающего блока в сайдбаре

В настройках плагин практически не нуждается. По крайней мере, у меня он стал сразу работать. Скажу сначала, как им пользоваться. Для этого просто идете в админке в раздел виджетов – “Внешний вид” – “Виджеты”, и там в настройках всех виджетов Вы увидите галочку, которой там не было раньше. Называется это “Зафиксировать виджет”. По умолчанию эта галочка выключена, то есть этот блок будет вести себя, как обычный. Но если Вы включите эту галочку и нажмете кнопку “Сохранить”, то тем самым зафиксируете этот виджет на экране, и он не будет никуда исчезать при прокрутке страницы.

Включаем плавающий блок в сайдбаре

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

Плагин имеет и настройки – их можно найти в админке – “Внешний вид” – “Фикс. виджеты”. Там можно найти настройки отступов, поведения плавающего блока, при проблемах с совместимостью… Я там ничего не менял – как поставил этот плагин, так он сразу и начал нормально работать.

Для тех, кто не любит плагины, есть аналогичный код, который можно вставить в код шаблона. Это лучше для производительности и снижает нагрузку на сервер, конечно. При возможности лучше пользоваться кодом. Но я поставил плагин, потому что в моем шаблоне не так-то просто разобраться в коде, да и сменить шаблон будет проще, а об этом я уже думаю.

Здравствуйте, уважаемые читатели моего блога! Для начала хочу сообщить небольшую, но приятную новость – моему блогу присвоен ТИЦ 10. Для тех, кто не знает – это “тематический индекс цитирования” от Яндекса, который говорит о том, что на множестве других хороших сайтов по этой теме есть ссылки на мой блог. Само по себе это значит, что на блоге качественные статьи,  интересные и полезные многим людям. Кстати, я тоже замечал, что на этот блог приходят с разных форумов, где кто-то из читателей поделился полезной ссылкой на какую-нибудь из моих статей. За это спасибо моим читателям, хотя сам я, честно говоря, давно не…

Review Overview

User Rating: 4.75 ( 1 votes)

Читайте также:

Дубли страниц в Wordpress

Как убрать дубли страниц в WordPress и вернуть All in One SEO Pack

Доброго времени суток, уважаемые читатели. Как обычно, долго ничего не писал, но это не значит, …

Нужна ли покупка ссылок для сайта?

Полезна ли покупка ссылок для сайта?

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

4 комментария

  1. Юрий, поздравляю с повышением. Все закономерно. Качественные блоги рано или поздно получают по заслугам. Но лучше конечно раньше. И шаблон я смотрю новый…

    • Юрий Пономаренко

      Спасибо, Юра! Давно не заглядывал =) Шаблон новый, да еще не все настроил. Постепенно меняю. Более гибкий, половину плагинов отключил, т.к. в шаблоне многое уже есть.

  2. Александр

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

  3. Спасибо) Полезно для меня!

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

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