Метка: всплывающие окна

Плагин для создания пользовательской формы авторизации SexyLogin

В репозитории WordPress наткнулся на интересный плагин кастомизации формы авторизации, регистрации, восстановления пароля. Данный плагин выполнен в виде виджета и работает по технологии AJAX. По внешнему виду похож на форму плагина WP-Recall , хотя формы авторизации, регистрации, сброса пароля все схожи, особо ничего нового не придумаешь, отличаются в основном дизайном. а поля все одинаковы.

форма авторизации sexylogin  форма регистрации sexylogin  форма сброса пароля sexylogin

Корректно обрабатываются ошибки, все действия происходят внутри формы без перезагрузки страницы.

кастомизация формы авторизации  кастомизация формы регистрации  кастомизация формы сброса пароля

В настройках плагина можно включить/отключить показ аватара в виджете и изменить его размеры, настроить редирект после авторизации и выхода, максимальную ширину виджета, включить/отключить reCaptcha.

В двух словах: симпатичная плагин кастомизации формы авторизации.

Плагин можно скачать из репозитория WordPress. Совместим с WordPress 4.8.2

P.S. Первоначальный вид немного отличается от приведенных скриншотов, так как я переделал плагин под всплывающее окно.

(Всего просмотров 31 , сегодня 1 )
0

Плагин для создания всплывающих окон FancyBox

У каждого плагина есть свои удобства и недостатки. Основным преимуществом FancyBox, по сравнению с ранее описанным PopUp Maker, является возможность «подхватывать на лету» файлы картинок, с указанными расширениями в настройках (по умолчанию: *.jpg,  *.jpeg, *.png, *.webp) и открывать эти картинки в всплывающих окнах. Но не только картинки может подхватывать плагин, а так же одиночный контент (посты, станицы, формы обратной связи и т.п.), файлы *PDF, *.SWF, *.SWG, ролики YOU TUBE и другие IFrame. Надо только включить соответствующую настройку в плагине.

настройки плагина fancybox

Плагин умеет организовывать галерею из открытых картинок. Есть возможность настройки подписи к картинке при наведении (по умолчанию берется ее название), изменения типа кнопки закрытия, прозрачности фона и многое другое. Перечень настроек достаточно большой, но часть доступна только в платной версии.

перечень настроек fancybox

Неудобством в использования плагина является необходимость создания отдельных блоков с классом «fancybox-inline» .

Например, для создания всплывающей формы обратной связи. В созданный блок помещается шорткод или то, что надо показать в отдельном окне. Для вызова такого блока в всплывающем окне надо указывать класс.

Если всплывающий окон несколько, то надо добавить Id формы в ссылку или кнопку:

Id в блоке и ссылке должны быть одинаковыми. В примере это хорошо видно.

Плагин можно скачать в репозитории WordPress.

 

(Всего просмотров 116 , сегодня 1 )
0

Плагин для создания всплывающих окон Popup Maker

Достаточно часто нужно сделать всплывающее окно, например для формы обратной связи или авторизации. Для простоты решения данной задачи удобно воспользоваться плагином Popup Maker. Плагин очень простой в применении. После установки плагина в админ-панели появляется группа Popup Makep, куда входят настройки всплывающих окон, настраиваемые темы всплывающих окон и сами окна. Всплывающие окна создаются, как обычные страницы или посты в ВордПресс .окно плагина popup maker

Разница только в том, что страницу, созданную в плагине нельзя вызвать простой ссылкой, так как адрес страницы только внутренний. Страницы открываются по триггеру (селектору) или автоматически, если такая функция была включена для данной страницы. Триггеры для страницы можно увидеть на странице всех всплывающих окон. Цифровое значение триггера присваивается автоматические, буквенным выступает заголовок страницы при создании.

все окна плагина popup maker

Если взять для примера скриншот, то вызвать страницу можно несколькими путями, например кнопкой, в которой указан в качестве класса триггер. <button class="popmake-500">Кнопка</button> или название окна <button class="popmake-test-popup">Кнопка</button> Так же всплывающее окно можно вызвать ссылкой <a href='#' class="popmake-500">Ссылка</a> , в ссылке также можно класс изменить на название страницы: class=»popmake-test-popup» , но иногда бывает, что нет возможности указания класса в ссылке, такое встречается в форумах и других местах. Выход есть, в таком случае надо изменить ссылку, но указывать можно только цифровой триггер иначе работать не будет <a href='#popmake-500'>Ссылка</a> .

У плагина есть пять встроенных тем и большое количество настроек. Сложности в настройках нет. Все достаточно интуитивно понятно. Плагин полностью русифицирован.

настройка плагина popup maker

Минусом этого плагина является отсутствие возможности вставить PHP-код на страницу, только «шорткод» и нет возможности привязать картинки к автоматическому добавлению к всплывающим окнам, но с этим поможет другой плагин всплывающих окон FancyBox.

Скачать плагин можно в репозитории WordPress.

(Всего просмотров 324 , сегодня 1 )
0