Описание
С помощью плагина SearchWP Modal Search Form вы можете с легкостью интегрировать удобную упрощенную модальную форму поиска в ваш сайт WordPress! Плагину SearchWP Modal Search Form не требуется SearchWP, но он будет его использовать, если SearchWP уже установлен и активирован! 👍
Помимо информации, представленной в разделе README
, вы также можете ознакомиться и с полной документацией.
Чем он отличается от других модальных форм?
Философия SearchWP Modal Search Form заключается в том, чтобы упростить реализацию доступных и легких модальных форм поиска, но, пожалуй, самое важное — это сделать их удобными для разработчиков (и пользователей).
SearchWP Modal Search Form напрямую интегрируется с WordPress в том виде, в котором вы его используете, а стандартная тема модальной формы использует стили, установленные вашей активной темой, что максимально снижает нагрузку на сервер. Также есть встроенный загрузчик шаблонов, позволяющий без труда настроить плагин SearchWP Modal Search Form.
На примере стандартного шаблона можете убедиться, насколько легко все настраивается🤓
Добавление модальных форм на сайт
С плагином SearchWP Modal Search Form модальные формы поиска можно без проблем размещать в любом месте сайта WordPress. Вам доступны следующие способы размещения:
- В виде пункта меню
- С помощью шорткода
- В виде блока Gutenberg
- Программным путем в пределах вашего шаблона или шаблонов
Настройка шаблона
В плагин SearchWP Modal Search Form встроен удобный загрузчик шаблонов, благодаря которому формы поиска могут отображаться в любом количестве шаблонов, а вы можете полностью настраивать вид модального окна для каждого шаблона.
Самый простой способ создания произвольного шаблона:
- Создайте в своей теме папку с именем
searchwp-modal-form
- В этой папке создайте файл с именем
template.php
(или любым именем, заканчивающимся на.php
) - Скопируйте содержимое шаблона по умолчанию в этот файл
- Настройте значение
SearchWP Modal Form Name
в блоке комментариев заголовка - Внесите прочие изменения в разметку/стиль, учитывая данные из документации
Существуют события (jQuery), которые срабатывают при открытии и закрытии модальных окон. jQuery — это не зависимость, но если jQuery загружен, события будут срабатывать.
// Add a callback when a modal is opened:
jQuery('body').on('searchwpModalOnShow', function(e) {
// Focus an input in the template.
e.el.find('input').focus();
});
// Add a callback when a modal is closed:
jQuery('body').on('searchwpModalOnClose', function(e) {
alert('Modal closed!');
});
Для получения более подробной информации ознакомьтесь с полной документацией по шаблону.
Скриншоты
Блоки
Этот плагин предоставляет 1 блок.
- Modal Form
Установка
SearchWP Modal Search Form устанавливается так же, как и все плагины WordPress. Вы можете установить плагин в меню администратора через «Плагины» > «Добавить»
в консоли WordPress с помощью поиска SearchWP Modal Search Form
.
Кроме того, вы можете установить плагин вручную:
- Загрузите плагин и извлеките файлы
- Загрузите папку
searchwp-modal-form
в каталог~/wp-content/plugins/
- Активируйте плагин через меню «Плагины» в WordPress
- С помощью доступных форм добавьте одну или несколько модальных форм
Часто задаваемые вопросы
-
Есть ли документация?
-
Конечно! Полная документация находится здесь
-
Как добавить модальную форму на сайт?
-
Есть несколько способов добавления триггеров модальных форм на сайт. Вы можете добавлять сколько угодно триггеров в любых местах:
- В виде пункта меню
- С помощью шорткода
- В виде блока Gutenberg
- Программным путем в пределах вашего шаблона или шаблонов
-
Как настроить модальное окно?
-
Подробную информацию можно найти в полной документации по шаблону.
Отзывы
Участники и разработчики
«SearchWP Modal Search Form» — проект с открытым исходным кодом. В развитие плагина внесли свой вклад следующие участники:
Участники«SearchWP Modal Search Form» переведён на 1 язык. Благодарим переводчиков за их работу.
Перевести «SearchWP Modal Search Form» на ваш язык.
Заинтересованы в разработке?
Посмотрите код, проверьте SVN репозиторий, или подпишитесь на журнал разработки по RSS.
Журнал изменений
0.5.5
— Fixes settings page appearance and menu structure when SearchWP Live Search is active.
0.5.4
— Fixes Settings link location in the plugins list when SearchWP is activated.
— Fixes Modal breaks emojis in menu items.
0.5.3
— Исправлена ошибка «Вызов неопределенного метода», появлявшаяся в некоторых темах.
0.5.2
— Исправлены уведомления об устаревании в PHP 8.2.
— Улучшилась семантика тегов HTML шаблона по умолчанию.
— Исправлена ошибка при добавлении блока модальной формы Gutenberg на страницу.
— Изменен внешний вид страницы настройки и структура меню для бесперебойной работы с текущей версией SearchWP.
0.5.1
— Добавлена встроенная в плагин система уведомлений для получения последних обновлений от SearchWP.
0.5.0
— В админку добавлена новая страница настроек для более легкого управления плагином.
0.4.1
— Совместимость с PHP 8
0.4.0
— Исправлена проблема с кодировкой символов, возникавшая в некоторых случаях
— Обновлены зависимости
— Обновлены сборщик и связанные команды NPM
0.3.4
— Исправлена ошибка при использовании SearchWP 4
0.3.3
— Исправлена ошибка, которая возникала в некоторых случаях в версии 0.3.2
0.3.2
— Совместимость с SearchWP 4.0 (когда станет доступна)
— Исправлена проблема с HTML-выводом пунктов меню
0.3.1
— Удалена неиспользуемая очередь таблиц стилей
— Обновлены зависимости
0.3
— Обновлены зависимости
— Добавлены события jQuery при открытии и закрытии модальных окон
0.2.3
— Исправлена регрессия, появившаяся в версии 0.2.2, которая не позволяла выполнять поиск с помощью клавиши Enter
0.2.2
— Исправлена проблема с неработоспособностью модального триггера в некоторых случаях
0.2.1
— Исправлена критическая ошибка контекста $this
0.2
— Добавлена поддержка аргумента class
— Исправлена проблема с типом button
0.1
Исходная версия