Блог Александра Бобрина. SEO, блоггинг, инфобизнес и заработок в интернете
Реклама/Услуги

Как сделать фиксированный виджет

Здравствуйте, уважаемые читатели моего блога!

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

Плавающий виджет в сайдбаре! С плагином и без плагина.Фиксированный виджет будет очень полезен, если, например, вы собираете базу подписчиков при помощи какой-нибудь бесплатности (например, бесплатного видеокурса).

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

Также в плавающем виджете можно разместить рекламные баннеры или контекстную рекламу. Это безусловно увеличит отклик от рекламы и, соответственно, ваши доходы.

Вот, например, как выглядит это на моем блоге:

Фиксированный (плавающий) виджет

Сейчас я расскажу, как это реализовать.

Как установить фиксированный виджет в сайдбаре

Для того чтобы, добавить фиксированный виджет на блог, нам потребуется простенький плагин под названием «Q2W3 Fixed Widget». Для того, чтобы его установить, перейдите в административную панель вашего блога и, в меню плагинов нажмите кнопку «Добавить новый».

Поиск плагина Q2W3 Fixed Widget

В появившейся строке поиска введите «Q2W3 Fixed Widget» и нажмите «Enter» на клавиатуре компьютера.

Установка Q2W3 Fixed Widget

В результате, вы увидите плагин «Q2W3 Fixed Widget (Sticky Widget)», вот именно он нам и нуден. Установите его на свой блог и активируйте.

После активации плагина можно его настроить. Для этого выберите в админке пункт «Внешний вид – Фикс. Виджеты». Настроек у виджетов немного, вот как это выглядит у меня:

Настройки плагина Q2W3 Fixed Widget

  • Верхний отступ – 10 пикселей
  • Нижний отступ – 150 пикселей
  • Интервал обновления – 1500 миллисекунд
  • Автоматическое исправление ID виджетов
  • Приоритет хука widget_display_callback — 30

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

Для того, чтобы зафиксировать (сделать плавающим) какой-либо виджет, просто отметьте галочкой, появившийся пункт «Зафиксировать виджет», в любом необходимом виджете.

Как зафиксировать любой виджет

В моем случае это обычный текстовый виджет с кодом системы «БаннерБро», о которой я писал в этой статье.

Фиксированный текстовый виджет

То есть, это обычное рекламное место под баннер размером 240×400. Это рекламное место самое дорогое на блоге и эта позиция является лучшей на моем блоге. Кстати, купить баннеры на блоге можно на этой странице. На все баннеры действуют скидки 10% при покупке баннеров на срок более 10-ти дней!

Есть еще один способ сделать плавающий (фиксированный) виджет без плагина, но этот способ более сложный и не для новичков.

Для этого скачайте этот код и вставьте его в конце файла footer.php.

>>Скачать (посмотреть) код<<

Затем вы можете добавить фиксированный виджет прямо в код файла sidebar.php.

Для этого вставьте вот такую строку:

<div id="asbseo" class="widget">Тут ваш код</div>

В самый низ файла sidebar.php, этот код.

Вместо надписи: «Тут ваш код» вставьте код вашего баннера, контекстной рекламы или формы подписки. У меня это выглядит так:

Вид фиксированного виджета

Вот, так вот легко можно сделать фиксированный виджет на любом WordPress блоге.

Надеюсь, что данная статья была вам полезна и поможет увеличить заработок на блоге.

На этом у меня все, до встречи на страницах моего блога!

С уважением, Александр Бобрин

Понравилась статья? Поделись с друзьями!

Комментариев - 16
  1. Александр Белый

    У себя на блоге настроил при помощи плагина. Довольно удобно получилось.

    Ответить


    Александр

    А как плагин называется?

    Ответить

  2. Мадина

    Спасибо за знакомство с этим плагином...) Буду иметь в виду когда захочу такой поставить в сайт бар.

    Ответить

  3. Мила

    Спасибо за хороший совет!

    Теперь надо определиться, какой рекламный блок так поставить!

    Ответить


    Dzmitry Roshchyn

    Мила, возможно стоит поставить баннер видеокурса «Реактивный блог»! Кстати вопрос Александру. А можно добавить несколько баннеров в код и использовать их ротацию? Думаю удобно будет и продуктивней.

    Ответить

  4. Николай Вилков

    Обязательно воспользуюсь, для меня это очень актуально.

    Попробую вариант без плагина, опыт ковыряния в коде присутствует))

    Ответить

  5. Александр

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

    Ответить

  6. Николай Вилков

    Прикрепить виджет, в котором будем супер-прибыльный блок с рекламой или блок с кнопками «Нравится» это просто находка, спасибо за идею.

    Ответить

  7. Дмитрий

    Хотел установить себе на сайт но по ссылке «Скачать (посмотреть) код» у меня какие то кракозябры открылись:- (

    Ответить

  8. Максим

    Спасибо Александр за хороший совет и, отличную статью!!!

    Ответить

  9. 3dishim

    Добрый день!

    Все сделал как было описано в статье, но не один из способов не помог.

    Ответить

  10. Юлия

    У меня плагин не работает с моей темой, а второй вариант я вообще не поняла(((

    Ответить

  11. Вячеслав

    Спасибо, надеюсь получиться сделать по вашей рекомендации.

    Исправьте ошибку у себя в тексте «В результате, вы увидите плагин «Q2W3 Fixed Widget (Sticky Widget)», вот именно он нам и ну Д ен»

    Ответить

  12. Сергей Федотов

    Саша, большое спасибо! Создал свой блог в школе блогеров Саши Борисова. Как раз задумался над установкой фиксированного виджета. Модная штучка))

    Ответить

  13. Олег

    У меня почему то плагин перестал работать виджет с рекламой стоит на месте, какие могут быть причины?

    Ответить

  14. Dimax

    Из существенных минусов плагина: если ваш виджет в сайдбаре наверху, то при прокрутке он будет перекрывать все виджеты ниже. Вариант решения проблемы — размещать виджет, который нужно зафиксировать в конце сайдбара, что не всегда удобно!

    Ответить

20 эффективных способов увеличить базу подписчиков!
Оставьте комментарий:
Ваше имя *
Ваш email *
Ваш сайт:
Ваш комментарий: