Неисчезающий виджет, который следует за прокруткой
Любите писать длинные статьи, а ваш сайдбар ограничен информацией на полтора экрана? Знакомое чувство...
Сегодня я предлагаю вам решение проблемы при помощи плагина Q2W3 Fixed Widget, который сделает выбранный вами виджет постоянно видимым посетителю, независимо от вертикальной прокрутки страницы.
Теперь не важно какой длины ваша статья или количество комментариев: посетитель всегда будет видеть выбранный вами виджет в сайдбаре. На данный момент у меня это виджет с полезными ссылками:
Если сейчас прокрутите страничку вниз, то он "поползет" вслед за ней. Вы также можете сделать у себя на сайте полезный для вас блок, который обязательно должны видеть посетители.
Неисчезающий виджет при помощи Q2W3 Fixed Widget
Ссылку на скачивание найдете в конце статьи, а теперь немного о его настройках.
После установки плагина, у вас в разделе "Внешний вид" (во всяком случае у меня так было) появится новый пункт "Фикс. виджеты":
Плагин переведен на русский, так что проблем не будет. Чисто поясню нюанс:
- Верхний отступ - отступ от верхнего края окна браузера. Советую делать не менее 10 (пикс.). Тогда он будет следовать за прокруткой страницы с самого верха, но не "сливаться" с верхом.
- Нижний отступ - противоположность верхнему. Если здесь меняете значение, отличное от нуля, то ставьте цифры, не менее высоты вашего футера. Лично я не трогал эти параметры, т.к. сверху закрепленный виджет смотрится лучше.
- Ширина окна браузера - данная настройка отключит функцию "неисчезающего виджета" на экранах, разрешение которых меньше заданного. Т.е. на мобильниках и планшетах с разрешением менее 1024px по ширине, данная функция закрепления не будет работать. Иначе бы ваш виджет "наезжал" на текст, что делало бы его не читабельным. Можете выставить 800.
Это все по настройкам. На данный момент есть еще несколько пунктов в настройках, но их можно не трогать, т.к. в следующей версии они исчезнут за ненадобностью: прогресс шагает по стране.
Как включить неисчезающий виджет
Здесь все просто: идем в админке сайта в раздел Внешний вид ► Виджеты, выбираем виджет, который хотим закрепить, и ставим галочку:
[infob name="Отступление"]Обратили внимание на этой картинке, как я вывел внешние ссылки и контент с самого первого скриншота этой статьи? Всем известно, что поисковики видят ссылки в nofollow. Я же сделал данный блок через ajax, о чем писал в статье Как подгрузить блоки контента при помощи Ajax. Так и некоторые другие элементы на сайте сделаны, что оставляет "вес" страницы.[/infob]
Подводные камни
В подавляющем большинстве шаблонов данный плагин будет работать отлично. Но, если случится проблема, то некоторые ответы можно найти здесь (блог создателя/переводчика). А также следует учитывать, что плагин работает только если:
- Виджеты на сайте имеют уникальные атрибуты ID в коде HTML (это у большинства, кроме "кривых" шаблонов).
- У вас установлен JQuery не ниже 1.7. Если что, в помощь статья Автоматическое обновление jQuery до новой версии. Чeть позже я напишу как сделать это без плагина.
- Нет ошибок в JavaScript (опять же, от создателей шаблона зависит).
- В header и footer присутствуют функции wp_head() and wp_footer(). Опять же все во власти создателей шаблона.
- Замечание лично от меня: виджет работает олично, если он изначально размещен последним в списке.
Если честно, то перечисленные выше пункты являются ответами на возникающие вопросы, если не работает плагин, но никак не "тормозом" в пользу его установки. Поэтом пробуйте. Лично у меня количество кликов увеличилось.
[downpg wp="3.0+" vp="4.0.1" href="http://wordpress.org/plugins/q2w3-fixed-widget/"]Скачать Q2W3 Fixed Widget[/downpg]