SearchWP Modal Search Form
Используйте модальную форму поиска SearchWP, чтобы легко интегрировать доступную, легкую модальную форму поиска на свой сайт WordPress! Для модальной формы поиска SearchWP не требуется SearchWP, но она будет использовать SearchWP, если она установлена и активирована! 👍 Добавления приветствуются на GitHub! https://github.com/jchristopher/searchwp-modal-search-form/ Помимо информации, представленной в этом README, также доступна полная документация. Что отличает его от других модальных окон? Философия, лежащая в основе модальной формы поиска SearchWP, заключается в том, чтобы упростить реализацию доступных и легких модальных форм поиска, но, что, возможно, даже более важно, сделать ее удобной для разработчиков (и пользователей). SearchWP Modal Search Form напрямую интегрируется с WordPress в том, как вы ее используете, а тема модальной формы по умолчанию основывается на стилях, установленных вашей активной темой, сокращая накладные расходы как можно меньше. Также имеется встроенный загрузчик шаблонов, позволяющий полностью настроить модальную форму поиска SearchWP с минимальными усилиями. Ознакомьтесь с шаблоном по умолчанию, чтобы увидеть, насколько легко его настроить. 🤓 Добавление модальных форм на ваш сайт. SearchWP Modal Search Form упрощает реализацию модальных форм поиска в любом месте вашего сайта WordPress. Следующие методы встроены и доступны для вас: В качестве пункта меню с использованием шорткода в качестве блока Гутенберга Программно в шаблоне (ах) Настройка шаблона SearchWP Modal Search Form объединяет соответствующий загрузчик шаблонов для отображения форм поиска в любом количестве шаблонов, позволяя вам полностью настроить внешний вид модального окна для каждого шаблона. Самый простой способ создать собственный шаблон: Создайте в своей теме папку с именем searchwp-modal-form. Создайте в этой папке файл с именем template.php (или любым именем, заканчивающимся на .php). Скопируйте содержимое папки по умолчанию. шаблон в этот файл. Настройте значение имени модальной формы SearchWP в блоке комментариев заголовка. Внесите любые другие настройки, которые вы хотите внести в разметку / стиль, обращая внимание на документацию. Есть (jQuery) события, которые срабатывают, когда модальные окна открываются и закрываются . jQuery не является зависимостью, но если jQuery загружен, события будут срабатывать. // Добавляем обратный вызов при открытии модального окна: jQuery ('body'). On ('searchwpModalonshow', function (e) {// Фокус ввода в шаблоне. E.el.find ('input'). Focus ();}); // Добавляем обратный вызов при закрытии модального окна: jQuery ('body'). On ('searchwpModalOnClose', function (e) {alert ('Модальное закрытие!');}); Пожалуйста, просмотрите полную документацию по шаблону для получения более подробной информации.
Автор: SearchWP, LLC
Версия: 0.4.1
Последнее обновление: 2021-03-29 1:07pm GMT