Как создать липкий плавающий виджет боковой панели в WordPress

Вы хотите создать плавающий виджет боковой панели, который прилипает по мере прокрутки страницы вниз?? Плавающие элементы, которые прилипают к экрану при...

Вы хотите создать плавающий виджет боковой панели, который прилипает по мере прокрутки страницы вниз??

Плавающие элементы, которые прилипают к экрану при прокрутке, привлекают внимание и, как правило, имеют более высокий коэффициент кликов и конверсий, чем статичные объекты. Вот почему многие веб-сайты используют плавающие элементы по всему сайту.

В этой статье мы покажем вам, как создать липкий плавающий виджет боковой панели в WordPress.

Зачем создавать липкий плавающий виджет боковой панели?

Липкий плавающий виджет боковой панели остается на экране пользователя, пока он прокручивает страницу вниз, что дает посетителям вашего сайта больше возможностей заметить его и нажать на него. Вы можете использовать его для создания списка адресов электронной почты, представления рекламных акций, обмена популярными постами, отображения последних сообщений в Tweets или Instagram и всего остального, что вам нравится.

Это поможет вам сделать ваш сайдбар еще более выделяющимся и держать важную информацию перед глазами ваших посетителей.

Например, вы можете держать форму подписки на рассылку новостей на виду, чтобы у пользователей было больше возможностей подписаться. Или вы можете показать свои самые важные страницы и удержать посетителей на сайте.

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

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

Добавление липкого плавающего виджета в WordPress

Вы можете легко создавать плавающие виджеты, которые держатся при прокрутке, используя Q2W3 Fixed Widget для WordPress.

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

В этой статье мы покажем вам, как использовать как виджеты на основе блоков, так и классические виджеты WordPress.

Липкая плавающая боковая панель в WordPress Виджеты на основе блоков

Если вы используете WordPress 5.8, тогда у вас будут виджеты на основе блоков. На экране виджетов будет использоваться редактор блоков для редактирования или добавления новых виджетов на ваш сайт.

Чтобы сделать виджет боковой панели липким, вам понадобится Q2W3 Fixed Widget для WordPress версии 6.0 beta 3. Просто прокрутите вниз до раздела Changelog, а затем нажмите на «версия 6.0.0, beta 3′ ссылка для скачивания плагина. Мы протестировали плагин на нашем демо-сайте, и он работает без проблем.

Скачайте бета-версию

Далее вам нужно установить и активировать Q2W3 Fixed Widget для WordPress версии 6.0 beta 3 на вашем сайте. Для получения дополнительной информации, пожалуйста, обратитесь к нашему руководству о том, как установить плагин WordPress.

После активации вы можете перейти по адресу Внешний вид » Параметры фиксированных виджетов из вашей админки WordPress.

Далее вам нужно будет нажать на поле ‘Test new version’, чтобы включить опцию, а затем прокрутить вниз и нажать кнопку ‘Save Changes.

Включите тестирование новой версии

После этого вы можете перейти к Внешний вид » Виджеты из вашей панели администратора WordPress, а затем нажмите кнопку «+», чтобы добавить блок виджета, который вы хотите сделать липким.

Для нашего руководства мы добавили пользовательский виджет Twitter Feeds by Smash Balloon в область виджета боковой панели, чтобы отображать последние твиты с нашего канала Twitter. Smash Balloon является лучшим плагином WordPress для социальных сетей и позволяет легко отображать контент социальных сетей в WordPress.

Вы можете ознакомиться с нашим руководством о том, как отображать последние твиты в WordPress для получения более подробной информации.

Добавить новый виджет

Далее вы можете выбрать свой виджет, а затем изменить настройки ‘Fixed Widget’ в меню справа от вас.

Просто выберите опцию «Закрепить виджет», чтобы плавающая боковая панель прилипла к экрану.

Установить настройки фиксированного виджета

Затем вы можете посетить свой живой сайт и прокрутить вниз на любой странице или записи в блоге. Теперь ваш фиксированный виджет превратится в плавающий виджет.

Липкая плавающая боковая панель в классических виджетах WordPress

Если вы используете версию до WordPress 5.8 или плагин Classic Widgets, то вам нужно будет использовать именно этот метод.

Первое, что вам нужно сделать, это установить и активировать плагин Q2W3 Fixed Widget для WordPress. Если вам нужна помощь, то обратитесь к нашему руководству о том, как установить плагин WordPress.

После активации плагина вы можете перейти на страницу Внешний вид » Опции фиксированного виджета из вашей приборной панели WordPress и настройте плагин.

На этой странице вы можете установить поля, добавить свои HTML ID, изменить интервалы обновления и даже отключить фиксированные виджеты на небольших экранах, таких как телефоны и планшеты.

Здесь также есть опции для включения плагина для зарегистрированных пользователей и другие настройки совместимости.

Настройки плагина виджета

После внесения изменений просто прокрутите страницу вниз и нажмите кнопку «Сохранить изменения».

Далее, вы можете перейти к Внешний вид » Виджеты а затем выбрать виджет, который вы хотите сделать «липким».

Плагин добавляет опцию ‘Fixed Widget’ во все ваши виджеты. Все, что вам нужно сделать, это установить флажок в поле «Фиксированный виджет» и нажать кнопку «Сохранить», чтобы сохранить изменения.

Сделать ленту Twitter липкой

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

Источник: www.wpbeginner.com

Оцените статью
Добавить комментарий