Липкий сайдбар для WordPress
Липкий, плаваючий сайдбар WordPress дуже зручна штука і зробити його на сайті зовсім не складно.
Зайнятий тут одним сайтом, а в нього тексту просто величезні простирадла, аж незручною стало. Пам'ятаю деякі сучасні теми мають дуже корисну штуку — плаваючий сайдбар. Скролюєш сторінку, а вся інформація в бічній колонці завжди на місці і під рукою. У мене саме в сайдбарі додатково меню знаходиться. І ось у якийсь момент мене остаточно дістало весь час мотатися вгору сторінки і вирішив зайнятися цим питанням щільно. Натрапив на чудовий плагін, зробив, ну і як давай ділитися інформацією 🙂
Щоб зробити плаваючий сайдбар на WordPress - знадобиться плагін Theia Sticky Sidebar.
Плагін хороший, преміум, мені сподобався тим, що в один клік вирішив мою проблему, і на радощах переклав його українською мовою.
Theia Sticky Sidebar - плагін «плаваючого» сайдбара WordPress для закріплення сайдбара при прокручуванні сторінки, щоб він знаходився постійно в зоні видимості. Він працює з будь-яким шаблоном WordPress. Однак, якщо вам потрібне додаткове налаштування, він має панель налаштувань, працює з адаптивними шаблонами, працює з існуючими сайдбарами та віджетами.
Робота з ним зведена до мінімуму, завантажуємо, встановлюємо, активуємо плагін. Після цього оновіть сторінку сайту і перегляньте роботу плагіна.
У мене на одному із сайтів виникла невелика проблема – сайдбар трохи перекривало липке меню. Але все можна виправити:
CSS клас сайдбара — якщо плагін не працює, то подивіться в якому DIV виводиться сайдбар вашої теми та вкажіть у цьому полі. Цей клас використовується для визначення бокової панелі. Це, як правило, щось на зразок #sidebar або #secondary. Ви можетедодати кілька класів, поділяючи їх ком «,»CSS клас блоку контенту — для точного розмежування можна вказати DIV контенту. Клас, який містить як бічну панель так і основний вміст, наприклад «#main» або «#main-content».Додатковий відступ зверху (px) — для відступу сайдбара зверху, наприклад, як говорив вище, у мене липке меню наповзало на сайдабр, додавши відступ зверху проблему було вирішено.Додатковий відступ знизу (px) — також при високому підвалі можна додати відступ знизу, щоб не перекривав інформацію.
З іншими налаштуваннями не розбирався, бо працює за замовчуванням як годинник 🙂 Сподіваюся і вам пригодідзе 🙂