TechBlogSD - Все для WordPress і WEB розробки
WEB і WordPress інструкції, новини, огляди тем та плагінів

Як додати липкий плаваючий віджет на бічній панелі WordPress?

8

Це дискусія на мільйон доларів, чи варто мати бічну панель на веб -сайті WordPress. завдяки Core Web Vitals, AMP та іншим покращенням швидкості, бічні панелі втрачають популярність на відміну від попередніх днів. Однак віджети бічної панелі є найпотужнішим способом використання як заклик до дії. Крім того, якщо зробити останній віджет липким і плаваючим, це може збільшити ваш рейтинг кліків. У цій статті ми розповімо, як додати липкий плаваючий віджет на бічній панелі WordPress.

Перш ніж спробувати повністю покластися на віджети бічної панелі, знайте про останні тенденції розвитку WordPress. Повне редагування сайту – це наступне велике оновлення, яке чекає на блогерів, яке повністю змінить спосіб використання бічних панелей та віджетів. Це змінить розділ віджетів у меню «Зовнішній вигляд», щоб використовувати блоки, подібні до інтерфейсу редактора блоків Гутенберга.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Редактор віджетів на основі блоків

Коли ці зміни будуть опубліковані, вам потрібно скористатися редактором на основі Gutenberg у області віджетів. Якщо ви все ще дотримуєтесь старого класичного редактора або будь -яких інших плагінів для створення сторінок, настав час перейти на Гутенберг і ознайомитися.

Чим вам може допомогти липкий віджет?

Оскільки липкий віджет видно протягом більшої частини часу читання, ви можете скористатися ним такими способами:

  • Продемонструйте популярний контент на своєму сайті для залучення відвідувачів.
  • Відображайте рекламу, щоб ви могли заробляти більше (пам’ятайте, що деякі рекламні програми, такі як Google AdSense, не дозволяють використовувати липкий віджет).
  • Покажіть партнерський купон або угоду, щоб користувачі могли здійснювати покупки за вашим посиланням, а ви могли заробляти гроші на партнерській комісії.
  • Продайте популярну електронну книгу з власного магазину від Amazon і спробуйте перетворити кліки в потенційний прибуток.
  • Покажіть таймер зворотного відліку, щоб натиснути на користувачів, щоб вони вчинили, наприклад, придбали продукт за пропозицією обмеженого часу.

Можливості нескінченні, і ви чітко побачите вплив при використанні плаваючого віджета в порівнянні зі звичайним віджетом.

Існує кілька способів додати липкий плаваючий віджет на бічну панель WordPress. Якщо ви супер вибагливий, ви можете спробувати свій власний CSS з фіксованою позицією для останнього віджета на вашій бічній панелі. Однак давайте зосередимось на готових рішеннях, які будуть шукати звичайні користувачі.

1 Виправлений віджет Q2W3 для плагіна WordPress

Це найпопулярніший варіант, доступний для блогерів WordPress, оскільки його дуже легко реалізувати. Перейдіть до розділу «Плагіни> Додати новий» на панелі адміністратора WordPress і знайдіть «q2w3». Ви можете знайти фіксований віджет Q2W3 для WordPress та встановити його на своєму сайті.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Встановіть плагін фіксованого віджета Q2W3

Після активації плагіна перейдіть до розділу «Зовнішній вигляд> Параметри фіксованих віджетів». Тут ви можете налаштувати параметри плагіна, наприклад поля та місце, де потрібно зупинити плавання, надавши ідентифікатор зупинки. Загалом, вам тут не потрібно ніяких змін і залиште налаштування такими, як вони є.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Налаштування плагіну фіксованого віджета Q2W3

Тепер перейдіть до розділу «Зовнішній вигляд> Віджети», і ви побачите прапорець додавання під кожним віджетом. Ви можете встановити прапорець "Фіксований віджет" для елемента, який потрібно показати як липкий плаваючий.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Виправлена ​​опція віджета

Збережіть віджет та перевірте свій веб -сайт, чи він відлипає під час прокручування вмісту. Наприклад, ми додаємо віджет пошуку як перший елемент і робимо його фіксованим віджетом. Під час прокручування вмісту на опублікованому веб -сайті це буде виглядати, як показано нижче.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Приклад липкого плаваючого віджета

Ми рекомендуємо використовувати липкий плаваючий віджет для останнього елемента на бічній панелі, щоб він не вплинув на досвід користувача, уникнувши перекриття елементів. Якщо ви будете користуватися повним редагуванням сайту в майбутньому, віджети матимуть подібну опцію з опцією “Фіксований віджет", як показано нижче.

Як додати липкий плаваючий віджет на бічній панелі WordPress?

Виправлена ​​опція віджета в блоках віджетів

2 теми з фіксованим плаваючим віджетом

Багато тем журналу на майданчиках WordPress, наприклад themeforest, пропонують вбудовану опцію для додавання липких віджетів. Наприклад, ви можете встановити віджет у найпопулярнішій темі газети. Ви можете вибрати опцію на панелі теми без додаткового плагіна. Однак під час переключення теми у вас виникнуть проблеми. Тому легкий віджет Q2F3 – хороший варіант, якщо ви не плануєте використовувати тему журнального стилю на тривалий термін.

3 AdSense та інші рекламні партнери

Якщо ви зосереджуєтесь на заробленні грошей за допомогою AdSense або будь -якої іншої програми медійної реклами, перегляньте альтернативні програми AdSense. Існують ринки, такі як BuySellAds, які пропонують липку рекламу на бічній панелі. Якщо ви є учасником будь -якої такої програми, вимагайте від них створити плаваючий віджет для вас. Він може багаторазово збільшити ваш прибуток за допомогою інших рекламних технологій, таких як ротація та антиблокування реклами.

Висновок

Як бачите, існує кілька варіантів додавання липкого плаваючого віджета на бічній панелі WordPress. Однак рішення залежить від вашої мети та поточної установки, яку ви використовуєте. Найпростіший спосіб – скористатися фіксованим віджетом Q2W3, який буде працювати без проблем з будь -якою темою. Ви можете перевірити, як для вас працює липкий віджет, і виміряти ефективність заклику до дій, щоб вирішити, чи продовжувати використовувати липкий варіант.

Джерело запису: www.webnots.com
Залиште відповідь

Цей веб -сайт використовує файли cookie, щоб покращити ваш досвід. Ми припустимо, що з цим все гаразд, але ви можете відмовитися, якщо захочете. Прийняти Читати далі