Попап окно по клику для WordPress. Popup for WordPress
Организовать всплывающее попап (popup) окно по клику для WordPress не сложно. Это можно сделать как без плагина, так и с плагином. Рассмотрим вариант с плагином под названием Really Simple Popup, так как он не нагружает систему и очень прост в использовании. Для этого нужно выполнить несколько простых шагов:
- Заходим в админку своего сайта на WordPress, открываем раздел Плагины и нажимаем Добавить новый.
- В строке поиска пишем Really Simple Popup, нажимаем Поиск плагинов и находим первым в списке искомый плагин.
- Нажимаем установить. После установки не найдете в админке ни каких настроек по плагину, так как он очень оптимизирован, легок и прост.
- Далее, для того что бы организовать открытие попап окна по клику будем использовать специальный 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>