Як зробити фіксований віджет - у верхнього краю браузера
Для реалізації фіксованого сайдбару всього потрібно: 1 — створити невеликий js файл в корені свого шаблону і підключити його до функціонала теми (у футері — footer.php), і друге — налаштувати певний віджет (а точніше — його інформаційну частину, укладену idентифікатор).
Все це диво працюватиме на чистому js, ...і без плагінів - докладніше нижче:
як зробити фіксований віджет
І цю інструкцію дуже важливо прочитати: як зробити плаваючий віджет, фіксація якого буде скасована досягнувши підвалу, наприклад. …або якийсь заданої ID точки.
Переваги та недоліки віджету побудованого на сьогоднішній темі:
відмінність нинішнього варіанта приліпленого (фіксованого) віджету від рішень з якимись плагінами, це те, що в нашому випадку фіксується ID-вміст текстового віджету — точніше, лише поміщена в id-блок інформація — не сам віджет (не знаю, може когось то заплутав, але, гадаю, далі за текстом стане ясно).
Цілком можливо, що для правильної відпрацювання приліпленого віджету, вам потрібно підключити ось цю JS бібліотеку: jquery-1.12.4.min.js …або перекачати її в корінь шаблону, або з сервера Google, як-нить так:
... або пройти за посиланням, розташованим трохи нижче, ознайомитися зі статтею ... і підключитися до CDN Google.
скрипт для фіксованого віджету
Заходимо в ядро (директорію) свого шаблону, відшукуємо папку js і створюємо js-файл з ім'ям:
Потім пишемо і поміщаємо до нього наступний скрипт js.
Така приблизно конструкція id блоку розміщеного в текстовому віджеті:
top:8px - регулятор відступів від верхнього краю.
Далі потрібно підключити до idблоку скрипт обробник, який ми створили трохи вище.