Este plugin no se ha probado con las últimas 3 versiones mayores de WordPress. Puede que ya no tenga soporte ni lo mantenga nadie, o puede que tenga problemas de compatibilidad cuando se usa con las versiones más recientes de WordPress.

SearchWP Modal Search Form

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:

  1. Como elemento del menú
  2. Utilizando un shortcode
  3. Como bloque de Gutenberg
  4. 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:

  1. Crea una carpeta llamada searchwp-modal-form dentro de tu tema
  2. Crea un archivo dentro de esa carpeta llamado template.php (o cualquier nombre que termine en .php)
  3. Copia el contenido de la plantilla por defecto en ese archivo
  4. Personalizar el valor del nombre del formulario modal de SearchWP en el bloque de comentarios del encabezado
  5. 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

  • El formulario modal de búsqueda de SearchWP se adapta a tu tema
  • El formulario modal de búsqueda de SearchWP se adapta a tu tema
  • El formulario modal de búsqueda de SearchWP se adapta a tu tema
  • Inserta activadores de modales directamente en tus menús
  • Insertar activadores modales como bloques de Gutenberg

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:

  1. Descarga el plugin y extrae los archivos
  2. Sube la carpeta searchwp-modal-form a tu directorio ~/wp-content/plugins/
  3. Activa el plugin desde el menú «Plugins» de WordPress
  4. 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:

  1. Como elemento del menú
  2. Utilizando un shortcode
  3. Como bloque de Gutenberg
  4. 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

6 de julio de 2023
Very helpful support, thanks for everything that you do!
18 de octubre de 2022
I have used this plugin on all my websites and it works great. Simple install and set-up. I even have it on the top right corner of my website and as a menu item so mobile users can easily access it. I highly recommend this plugin. Great job programmer’s!
Leer todas las 6 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