Descripción
Utiliza SearchWP Modal Search Form para integrar fácilmente un formulario modal de búsqueda accesible y ligero en tu sitio WordPress. SearchWP Modal Search Form no necesita tener SearchWP, ¡pero lo utilizará si está instalado y activado! 👍
Además de la información disponible en este README
, también hay disponible documentación completa.
¿Qué lo diferencia de otras modales?
La filosofía detrás de SearchWP Modal Search Form es facilitar la implementación de formularios de búsqueda modal accesibles y ligeros, pero quizás aún más importante es hacer que sea una gran experiencia para el desarrollador (y el usuario).
El formulario modal de búsqueda de SearchWP se integra directamente con WordPress en la forma en que lo utilizas, y el tema predeterminado del formulario modal se basa en los estilos establecidos por tu tema activo, reduciendo al mínimo la sobrecarga. También incorpora un cargador de plantillas completo, que te permite personalizar completamente SearchWP Modal Search Form con las mínimas molestias.
Echa un vistazo a la plantilla por defecto para ver un ejemplo de lo fácil que es personalizarla 🤓
Añadir formularios modales a tu sitio web
SearchWP Modal Search Form facilita la implementación de formularios modales de búsqueda en cualquier parte de tu sitio WordPress. Los siguientes métodos están integrados y disponibles para ti:
- Como elemento del menú
- Utilizando un shortcode
- Como bloque de Gutenberg
- Dentro de tu plantilla o plantillas mediante programación
Personalización de plantillas
El formulario de búsqueda modal de SearchWP integra un cargador de plantillas adecuado para mostrar formularios de búsqueda en cualquier número de plantillas, lo que te permite personalizar completamente el aspecto de la modal por plantilla.
La forma más sencilla de crear una plantilla personalizada es la siguiente:
- Crea una carpeta llamada
searchwp-modal-form
dentro de tu tema - Crea un archivo dentro de esa carpeta llamado
template.php
(o cualquier nombre que termine en.php
) - Copia el contenido de la plantilla por defecto en ese archivo
- Personalizar el valor
del nombre del formulario modal de SearchWP
en el bloque de comentarios del encabezado - Realiza cualquier otra personalización que desees en el marcado/estilo, prestando atención a la documentación.
Hay eventos (jQuery) que se disparan cuando se abren y cierran las modales. jQuery no es una dependencia, pero si jQuery está cargado los eventos se dispararán.
// 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!');
});
Consulta la documentación completa de la plantilla para obtener información más detallada.
Capturas
Bloques
Este plugin proporciona 1 bloque.
- Modal Form
Instalación
SearchWP Modal Search Form se instala como todos los plugins de WordPress. Puedes instalar este plugin utilizando la opción Plugins > Añadir nuevo
del menú lateral de tu escritorio de WordPress y buscando SearchWP Modal Search Form
.
También puedes instalar manualmente el plugin:
- Descarga el plugin y extrae los archivos
- Sube la carpeta
searchwp-modal-form
a tu directorio~/wp-content/plugins/
- Activa el plugin desde el menú «Plugins» de WordPress
- Añade uno o varios formularios modales utilizando los métodos disponibles
FAQ
-
¿Hay documentación?
-
¡Por supuesto! Ver la documentación completa
-
¿Cómo añado un formulario modal a mi sitio web?
-
Hay varias formas de añadir activadores de formularios modales a tu sitio. Puedes añadir tantos como quieras donde quieras:
- Como elemento del menú
- Utilizando un shortcode
- Como bloque de Gutenberg
- Dentro de tu plantilla o plantillas mediante programación
-
¿Cómo personalizo la modal?
-
Consulta la documentación completa de plantillas para obtener información detallada.
Reseñas
Colaboradores y desarrolladores
«SearchWP Modal Search Form» es un software de código abierto. Las siguientes personas han colaborado con este plugin.
Colaboradores«SearchWP Modal Search Form» está traducido en 1 idioma. Gracias a los traductores por sus contribuciones.
Traduce «SearchWP Modal Search Form» a tu idioma.
¿Interesado en el desarrollo?
Revisa el código , echa un vistazo al repositorio SVN o suscríbete al registro de desarrollo por RSS.
Registro de cambios
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
– Corrección: Corrige el error «Llamada a método no definido» que aparece en algunos temas.
0.5.2
– Corrección: avisos de obsoletos en PHP 8.2.
– Mejora la semántica de las etiquetas HTML de la plantilla por defecto.
– Corrige el error al añadir un bloque Modal Form Gutenberg a la página.
– Cambia la apariencia de la página de configuración y la estructura del menú para que funcione sin problemas con la versión actual de SearchWP.
0.5.1
– Añade un sistema de avisos dentro del plugin para recibir las últimas actualizaciones de SearchWP.
0.5.0
– Añade una nueva página de administración Ajustes para controlar más fácilmente el comportamiento del plugin.
0.4.1
– Compatibilidad con PHP 8
0.4.0
– Corrige un problema con la codificación de caracteres en algunos casos
– Actualiza las dependencias
– Actualiza el bundler y los comandos NPM asociados
0.3.4
– Corrección: Error al usar SearchWP 4
0.3.3
– Corrección: Error en algunos casos introducido en 0.3.2
0.3.2
– Compatibilidad con SearchWP 4.0 (cuando esté disponible)
– Corrección de un problema con la salida HTML de los elementos del menú
0.3.1
– Elimina la cola de hojas de estilo no utilizadas
– Actualiza las dependencias
0.3
– Actualiza las dependencias
– Añade eventos jQuery cuando se abren y cierran los modales
0.2.3
– Corrige la regresión introducida en la 0.2.2 que impedía la búsqueda con la tecla Intro
0.2.2
– Corrige un problema con el activador modal que no funcionaba en algunos casos
0.2.1
– Corrige el rref fatal de contexto de $this
0.2
– Añade compatibilidad con el argumento class
– Corrige un problema con el tipo button
0.1
Versión inicial