Здравствуйте, давайте усовершенствует бесплатный плагин Popup Maker, и заставим всплывающее окно закрываться автоматически через 5 секунд или любое другое время.
Скачать исходники для статьи можно ниже
Сведения о плагине Popup Maker:
Сайт плагина: “https://ru.wordpress.org/plugins/popup-maker/”
Автор плагина: Popup Maker
Количество активных установок: 700 000+
Скачать данный плагин можно с моего сайта по данной ссылке – скачать.
Код, который нужно вставить в файл functions.php вашей темы:
<?php
/**
* Note 1: Replace the placeholder popup ID used below ('#pum-123') with
* the value '#pum-{integer}'. From the WP Admin, refer to 'Popup Maker'
* -> 'All Popups' -> 'CSS Classes (column)' -> to find the integer value
* assigned to the popup targeted to close with this code snippet.
*
* Note 2: In the code example below, the units of time are milliseconds (ms).
* 1 second = 1000 ms; 10 seconds = 10000 ms.
*
* Add the following code to your theme (or child-theme)
* 'functions.php' file starting with 'add_action()'.
* -------------------------------------------------------------------------- */
add_action( 'wp_footer', 'my_custom_popup_scripts', 500 );
/**
* Add a script to automatically close a popup after X seconds.
*
* @since 1.0.0
*
* @return void
*/
function my_custom_popup_scripts() { ?>
<script type="text/javascript">
(function ($, document, undefined) {
$('#pum-123') // Change 123 to your popup ID number.
.on('pumAfterOpen', function () {
var $popup = $(this);
setTimeout(function () {
$popup.popmake('close');
}, 5000); // 5 Seconds
});
}(jQuery, document))
</script><?php
}
Здесь цифра 5000 задаёт время в 5 сек через которое окно попап закроется, например, чтобы установить 10 сек нужно поставить 10000.
Также нужно изменить цифру 123 на id вашего popup.
Например, при активации плагина Popup Maker у него уже есть созданный для примера popup, в моем случае с id 212:
PS: Попап, который по умолчанию в Popup Maker настроен показывать Попап окно только на главной странице и только один раз – учтите это при тестировании. Чтобы изменить данную настройку измените триггер и нацеливание:
