Рейтинг@Mail.ru

WordPress-блог

Терпенье и труд...

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

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

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

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

Плавающий виджет с плагином Q2W3 Fixed Widget

Q2W3 Fixed Widget – позволяет создавать фиксированный (плавающий) виджет. Для начала работы скачайте это дополнение по ссылке ниже.

Установите дополнение на свой сайт и активируйте его. Создать плавающий виджет – дело одной минуты. Перейдите в пункт «Внешний вид», подпункт «Виджеты», разверните для настройки один из установленных ваших виджетов, который нужно зафиксировать на экране, и включите галочку «Зафиксировать виджет». Эта опция есть у каждого виджета.

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

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

Однако, это не всё. У плагина есть настройки, которые могут некоторым быть полезными. Они находятся в пункте «Внешний вид», подпункте «Фикс. Виджеты». Здесь всё на русском языке и ко многим опциям есть пояснения. Рассмотрю основные.

Основные настройки. Здесь можно установить отступы плавающего виджета и настроить его положение на сайте. А также можно задать параметры, при которых плавающий виджет будет отключаться в зависимости от размеров экрана. Например, он может быть неудобен на мобильном экране.

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

Совместимость. Разнообразные настройки, касающиеся технической части плагина. Можно ознакомиться с описанием опций. В большинстве случае всё можно оставить по умолчанию.

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

Произвольные идентификаторы. Здесь записываются HTML-идентификаторы виджетов и других элементов. Также в большинстве случаев можно не заполнять.

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

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

УжасноПлохоНормальноХорошоОтлично (3 оценок, среднее: 5,00 из 5)

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

 

WordPress-блог © 2015-2017