Як зробити фіксовані віджети в сайдбарі плаваючий віджет

Нещодавно моєму знайомому знадобилося зробити плаваючий віджет в сайдбарі. Тобто, щоб при Скролл сторінки віджет в сайдбарі був завжди в полі зору екрана. Трохи подумавши, я вирішив звернутися до плагінів. І знайшов дуже просте, але прекрасне рішення!

Плагін називається: Q2W3 Fixed Widget. Він ідеально підійде тим людям, які в сайдбарі люблять розміщувати важливу інформацію (будь-які документи, важливі посилання, спец пропозиції та інше).

Переходимо в адмінці в пункт Модулі -> Додати новий. далі вписуємо: Q2W3 Fixed Widget. після чого встановлюємо і відразу активуємо.

Що робити якщо віджет налазить на футер?

Тепер наше завдання полягає ось у чому. Нам треба визначити нижню межу, до якої віджет буде ковзати. За замовчуванням він налазить на футер, обрізається і в результаті ми не бачимо ні половину футера, ні половину віджета. Вирішується це дуже просто!

Переходимо в настройки, а саме: Зовнішній вигляд -> Фікс. віджети. Тут нам пропонують вставити ідентифікатор елемента, наближаючись до якого необхідно зупинитися. У нашому випадку це футер. Подивіться на вихідний код вашого сайту. Зробити це можна або в браузері, або відкривши файл footer.php. який знаходиться в папці з темою (wp-content / themes / названіе_вашей_теми).

Так ось, підвал сайту, званий футером, найчастіше має структуру схожу:

У цьому прикладі значення, яке нам потрібно - my_value. Можете замість нього написати яке завгодно. У моєму випадку це footer.

Повертаємося до настойкам, вписуємо наше значення в поле: Стоп ID.

Тепер при прокручуванні в самий низ віджет буде зупинятися перед тим блоком, який ми вказали. А вказати можна абсолютно будь-який блок за тією ж схемою, що я описав вище. Просто часто це саме футер.

Як зробити фіксований віджет в сайдбарі?

Залишилося найлегше - переходимо у Зовнішній вигляд -> Віджети, вибираємо поточні, або ставимо нові, і бачимо, що внизу з'явився чекбокс (поле, куди можна поставити галочку) з написом: "Зафіксувати віджет". Встановлюємо галочку, зберігаємо, і все! Наш віджет тепер плаває слідом за сторінкою, і завжди у нас на очах!

Чи можна обійтися без плагіна?

Звичайно! Можна написати скрипт, але в даному випадку я б радив скористатися саме плагіном. Скрипт дасть обмежену можливість, по-перше, треба буде вказувати які конкретно віджети робити фіксованими, а які ні. А для цього доведеться лізти в код. По-друге, треба буде правильно і кросбраузерності прораховувати відстань до стоп-блоків. Робити це не складно, але клопітно, і я вважаю за краще відмовлятися від рутини. В даному випадку використання плагіна не протипоказане, а навіть навпаки.

Ну як, вийшло?

Here is a collection of places you can buy bitcoin online right now.