Создание сайта/блога на WordPress — что может быть проще!
Смотри как я сделал плавающий виджет wordpress
Рубрика: Создание сайта WordPress

Смотри как я сделал плавающий виджет wordpress

9 комментариев   

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



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

Прочти еще:

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

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

Делаем плавающий виджет wordpress

Существует два способа сделать такую функцию на сайте/блоге, либо с помощью плагина, либо простым кодом. Для себя я выбрал плагин Q2W3 Fixed Widget, так как с ним очень удобно работать и Вам советую не терять времени на ковыряние в кодах, а поставить его и все!

Данный плагин позволит с легкостью сделать плавающий виджет wordpress, без специальных знаний (html, css, php) и прочих ньюансов. Вы сможете зафиксировать абсолютно любой виджет, которые присутствуют в вашей теме (шаблоне). На моем блоге Вы можете увидеть как он работает!

Установка и настройка Q2W3 Fixed Widget

Первым делом переходим в админку своего сайта или блога и переходим в меню «Плагины». Выбираем там: «Добавить новый», и в поиске набираем Q2W3 Fixed Widget. Как правило, данный плагин сразу появляется на верхней строчке, так что найти его не составит особой проблемы. Устанавливаем и активируем. Либо, скачайте тут...

После установки, у Вас в меню «Внешний вид» появится «ФИКС. ВИДЖЕТЫ». Выбираем этот пункт и переходим в окно настроек.

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

Тут нет ничего особо сложного – посмотрите на скрин, какие параметры выбрал я для своего блога.

настройка Q2W3 Fixed Widget

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

плавающий виджет wordpress плагин

Хочу заострить Ваше внимание! Фиксировать нужно только последний виджет из списка (можно несколько), иначе сами увидите что будет =)

На этом я заканчиваю. Если есть вопросы, задавайте их в комментариях! До встречи в новой статье!

P.s: На днях скачал и установил программу «букварис» для подбора ключевых запросов. Весит аж 100Гб... 0.о


Савельев Владимир Александрович
С уважением, Владимир Савельев

Премиум курсы от webformyself

Премиум-уроки от клуба webformyself

Это новый революционный продукт в области обучения сайтостроительству! Все лучшие видео-уроки собраны в одном месте и разделены на категории: WordPress, Joomla, PHP, HTML, CSS и JavaScript... База постоянно пополняется и уже сейчас в ней более 200 уроков! Всего за один год - Вы сможете стать опытным веб-мастером "с полного нуля"!
Подробнее
Продвижение в социальных сетях - сервис SocLike.ru
Прочтите еще:
Обсуждение статьи: 9 комментариев


  1. МАКСИМ 2016-06-13 в 11:32 

    Отлично, это полезный плагин для рекламы, у меня такой стаит тоже и настройки лёгкие, каждый разберётся

    Ответить
  2. Дмитрий 2016-06-13 в 21:10 

    100 Геков? Да нафига он нужен?

    Ответить
    • Владимир Савельев 2016-06-13 в 21:36 

      Дмитрий привет! Я потом напишу зачем =)

      Ответить
  3. Игорь Черноморец 2016-06-13 в 21:32 

    Привет Владимир.

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

    Существует ли возможность отменить фиксирование виджета в мобильной версии?

    Ответить
    • Владимир Савельев 2016-06-13 в 21:39 

      Игорь привет! В настройках укажи ширина окна браузера 999px как у меня на скрине и будет гуд :x

      Ответить
      • Игорь Черноморец 2016-06-13 в 21:50 

        Владимир, ты гений! :lol:

  4. Александр 2016-06-13 в 23:09 

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

    Ответить
    • Владимир Савельев 2016-06-13 в 23:31 

      Александр обязательно поставь очень нужный плагин ;-)

      Ответить
  5. Алексей 2016-06-15 в 10:42 

    Мне проще, у меня в платном шаблоне сразу был последний виджет фиксированным.

    Но кому нужно, уверен, плагин поможет.

    Ответить

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

Прочитать Соглашение и Правила блога

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?:

Приветствую Вас друзья!
Савельев Владимир АлександровичМеня зовут Владимир Савельев, я являюсь автором блога savme.ru! Моя миссия - научить Вас создавать сайты, блоги и зарабатывать на них также, как это делаю я! Уже через год ведения блога я вышел на пассивный доход в 30.000 руб в месяц и это не предел! Еще я частенько пишу о своей жизни и устраиваю конкурсы с крутыми призами! Подпишитесь на мои новости, чтобы не пропустить что-то важное!
Готовые шаблоны для WordPress