Модальное окно на WordPress с опцией подтверждения возраста
01.09.2018
В некоторых случаях, точнее сказать, на определенных сайтах где содержание контента может носить характер возрастного ограничения, используется предупреждающее сообщение в виде сплывающего модельного окна. Оно полностью блокирует контент до тех пор, пока пользователь не подтвердит свое совершеннолетие. Такое правило установлено законом и распространяется на все ресурсы с требованием минимального возраста: алкоголь, сигареты и т.д.
Сегодня рассмотрим плагин модального окна, который в отличие от других похожих модулей для всплывающих окон , имеет особенную опцию – проверка возраста. В остальном он также полностью функционален и может применяться в других целях.
Плагин ITRO Popup Plugin
Легкий плагин модального окна с отличным набором функций и настроек в едином понятном интерфейсе. Имеет ряд своих преимуществ, включая полно оформление внешнего вида без знания языков программирования. Адаптивный, но предусматривается возможность отключения окна на мобильных устройствах.
Некоторые особенности:
Выбор определенных страниц, на которых будет всплывать окно Установка обратного отсчета для автоматического закрытия Автоматическое центрирование окна в браузере Установка времени до появления окна Опция подтверждения возраста Устанавливаем время для следующего всплытия окна по coockieНастройка ITRO Popup Plugin
После установки плагина и его активации нужно перейти во вкладку « Настройки — ITRO Popup ». Несмотря на то, что плагин не переведен на русский, ориентироваться по настройкам очень легко. Ниже прикладываю скриншоты с описанием нескольких пунктов, в остальном будет нетрудно разобраться.
Базовые настройки
Настройки опции возраста
HTML редактор
GENERAL SETTINGS
Disable easy closing – Отключить легкое закрытие. Окно невозможно будет закрыть клавишей Esc или кликом за пределом окна.
Popup seconds – Установить секунды для таймера обратного отсчета до автозакрытия Popup delay – Установить время в секундах до появления всплывающего окна Next visualization – Установить время в часах для повторного появления окна (вычисляется по coockie) Show countdown – Показать обратный отсчет. Ниже меняем текст «This popup will close in» на «Окно закроется через:». Еще ниже выбираем цвет текста отсчета.В самом низу параметров есть пункт « Enable age validation – Включить проверку возраста». На втором скриншоте увидите пример оформления. Там идет две кнопки: одна оставляет на сайте, если пользователь подтверждает возраст, другая перенаправляет на поисковик с запросом «Мультики».
Последняя часть параметров (Your text or HTML code) идет содержание модального окна. Редактор поддерживает все теги и можно свободно добавлять в него любую информацию.