Popup окно с Simple Popup Plugin

Достаточно простой плагин для создания всплывающего (Popup) окна, которое открывается при нажатии на ссылку, можно задать размеры, расположение.

Скачать исходники для статьи можно ниже

 
Данный плагин есть на wordpress.org:

Последнее обновление: 2012-12-16

Загрузок: 42,008 – скромненько.

Автор: Garrett Grimm

Рейтинг: 3,5 из 5 проголосовавших 35 посетителей.

Сайт плагина: http://www.grimmdude.com/wordpress-simple-popup-plugin/

Плагины аналоги: WordPress PopUp, WP Popup Scheduler

 

Установка плагина Simple Popup Plugin стандартная – заходим в панель управления сайтом, в левом меню выбираем пункт Плагины и его подпункт Добавить новый, в строку поиска пишем Simple Popup Plugin, незабываем проверить автора плагина.

После установки и активации в пункте “Настройки” вашей панели управления появиться новый подпункт “Simple Popup Plugin“, настроек в нем мало, поэтому свое название “simple” (простой) он оправдывает.

плагин для создания простого всплывающего окна

 

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

simplepopup

 

ВАЖНОЕ ПРИМЕЧАНИЕ:
Так как данный плагин установлен на моем сайт в данный момент, то я добавлю в коде шорткода лишнюю букву “p”, то есть вместо “popup” я использую “ppopup”:

 

[ppopup url="http://www.popupurl.com" width="400" height="600"]Посмотреть[/ppopup]

,где:
url – той странички, которую вы хотите видеть в окне,только данный атрибут является обязательным.
width – ширина всплывающего окна в пикселях.
height – высота всплывающего окна в пикселях.
class – можно добавить свой специальный класс по ссылке (simple_popup_link добавляется к каждой ссылке по умолчанию, class=”simple_popup_link”).

 

Так как обязательный атрибут только один, то шорткод может выглядеть так:

[ppopup url="https://mnogoblog.ru/tag"]Посмотреть[/ppopup]

 

Данный плагин дает возможность также задать для каждого всплывающего окна свои размеры:

[ppopup url="http://www.popupurl.com" width="400" height="600"]Посмотреть[/ppopup]
[ppopup url="http://www.popupurl.com" width="200" height="100"]Посмотреть[/ppopup]

 

Если вы хотите использовать код popup окна в шаблоне, то сделайте так:

<?php echo do_shortcode('[ppopup url="http://popupurl.com']LINK TEXT[/ppopup]'); ?>

 

Также вы можете использовать изображение в качестве ссылки:

<?php echo do_shortcode('[ppopup url="http://popupurl.com']<img src="http://imageurl.com/image.jpg' />[/ppopup]'); ?>

 

Также у данного плагина есть свой виджет.

Вот и все! Достаточно простой и удобный плагин.
 

PS: Не забудьте убрать лишнюю букву “p” из слова “ppopup”, при копировании кода.
У данного плагина есть платная версия – позволяющая создать автоматически открывающееся popap окно.

Введите свой email адрес для того, чтобы подписаться на мой блог:


knopkisoc

Popup окно с Simple Popup Plugin: 1 комментарий

  1. Елена

    Здравствуйте!
    А позволяет ли этот плагин установить такую функцию, чтобы окошко всплывало не на определенной странице, а тогда, когда посетитель закрывает сайт

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