Интересный сайт. Факты и решения

Попап окно по клику для WordPress. Popup for WordPress

4172 просмотров Сайты Нет комментов »

popup_for_fikcОрганизовать всплывающее попап (popup) окно по клику для WordPress не сложно. Это можно сделать как без плагина, так и с плагином. Рассмотрим вариант с плагином под названием Really Simple Popup, так как он не нагружает систему и очень прост в использовании. Для этого нужно выполнить несколько простых шагов:
 
 
 
 
 
 

  1. Заходим в админку своего сайта на WordPress, открываем раздел Плагины и нажимаем Добавить новый.
  2. В строке поиска пишем Really Simple Popup, нажимаем Поиск плагинов и находим первым в списке искомый плагин.
  3. Нажимаем установить. После установки не найдете в админке ни каких настроек по плагину, так как он очень оптимизирован, легок и прост.
  4. Далее, для того что бы организовать открытие попап окна по клику будем использовать специальный html код:
    <a href="#elementid" class="hs-rsp-popup hiddendiv">Кликнуть для открытия окна</a>
    <div id="elementid" style="display:none">Содержимое окна (тут может быть все что угодно: картинки, видео, текст)</div>

    Если нужно организовать второе другое попап окон по клику на другую ссылку, к elementid добавьте 2 (или любую другую цифру или символ), html код будет такой:

    <a href="#elementid2" class="hs-rsp-popup hiddendiv">Кликнуть для открытия окна</a>
    <div id="elementid2" style="display:none">Содержимое окна (тут может быть все что угодно: картинки, видео, текст)</div>

    Если хотите, что бы попап окно открывалось по клику на картинку, то вместо текста в ссылке используйте html код вставки картинки:

    <a href="#elementid" class="hs-rsp-popup hiddendiv"><img src="адрес к картинке/img.png""></a>
    <div id="elementid" style="display:none">Содержимое окна (тут может быть все что угодно: картинки, видео, текст)</div>
Поделитесь, пожалуйста:

Оставь свой коммент