Главная / Плагины / Липкий сайдбар для WordPress

Липкий сайдбар для WordPress

Липкий, плавающий сайдбар в WordPress очень удобная штука и сделать его на сайте совсем не сложно.

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

Чтобы сделать плавающий сайдбар на WordPress — понадобится плагин Theia Sticky Sidebar.

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

Theia Sticky Sidebar — плагин «плавающего» сайдбара WordPress для закрепления сайдбара при прокрутке страницы, чтобы он находился постоянно в зоне видимости.
Он работает с любым шаблоном WordPress. Однако если вам потребуется дополнительная настройка, у него есть панель настроек, работает с адаптивными шаблонами, работает с существующими сайдбарами и виджетами.

Работа с ним сведена к минимуму, скачиваем, устанавливаем, активируем плагин. После обновите страницу сайта и посмотрите работу плагина.

У меня на одном из сайтов возникла небольшая проблема — сайдбар немного перекрывало липкое меню. Но все поправимо:

Липкий сайдбар для WordPress

CSS класс сайдбара — если плагин не работает, то посмотрите в каком DIV выводится сайдбар вашей темы и укажите в этом поле. Это класс используется для идентификации боковой панели. Это, как правило, что-то вроде «#sidebar» или «#secondary». Вы можете добавить несколько классов, разделяя их запятым «,»
CSS класс блока контента — для точного разграничения можно указать DIV контента.  Класс который содержит в себе как боковую панель так и основное содержимое, например «#main» или «#main-content».
Дополнительный отступ сверху (px) — для отступа сайдбара сверху, например, как говорил выше, у меня липкое меню наползало на сайдабр, добавив отступ сверху проблема была решена.
Дополнительный отступ снизу (px) — так же при высоком подвале можно добавить отступ снизу, чтобы не перекрывал информацию.

С остальными настройками не разбирался, ибо работает по-умолчанию как часы 🙂 Надеюсь и вам пригодидзе 🙂

Выбираете сотовый телефон но не знаете на чем остановиться? А ведь хороший телефон не обязательно должен быть дорогим. Сейчас набирает популярность новый бренд Xiaomi. Например посмотрите обзор смартфона Xiaomi Mi 4.

 

Скачать Демо

В тему!

Инструкция по установке CMS Wordpress на хостинг

Инструкция по установке CMS WordPress на хостинг

Как известно, существует два способа установить CMS WordPress на хостинг: из исходников и через специальный ...

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

  1. Спасибо! Пригодится обязательно.

  2. О да ))) спасибо за очень занимательную конструкцию засунутую в плагин:

  3. Алексей

    А не подскажите как плавающий сайтбар сделан на вашем сайте?

  4. Дмитрий

    На 3х колоночном сайте, тормозит в IE и на слабых компах во всех браузерах, прокрутка рывками идёт.

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

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

Лимит времени истёк. Пожалуйста, перезагрузите CAPTCHA.