Búsqueda
Añade un icono de búsqueda en la barra de navegación que abre un modal de búsqueda a pantalla completa, con soporte para búsqueda en tiempo real (AJAX).
Activar la búsqueda
- Ve a Menu Builder → Búsqueda.
- Activa el interruptor Mostrar icono de búsqueda.
- Elige la posición del icono: al inicio o al final del menú.
- Guarda el menú.
Modal de búsqueda
Al hacer clic en el icono de la lupa, se abre un modal de búsqueda centrado con fondo semitransparente. El campo de búsqueda recibe el foco automáticamente. El visitante puede cerrar el modal pulsando Escape o haciendo clic fuera de él.
Búsqueda en tiempo real
Activa la opción Búsqueda AJAX en tiempo real para mostrar resultados instantáneos mientras el visitante escribe. Los resultados se muestran debajo del campo de búsqueda con el título de la página, el tipo de contenido y un fragmento del extracto.
Puedes configurar los tipos de contenido en los que buscar (páginas, entradas, productos de WooCommerce, tipos de post personalizados) y el número máximo de resultados a mostrar.
Estilo
El icono de búsqueda hereda el color de los enlaces del menú. El modal tiene su propia sección de estilo:
- Color de fondo del overlay — controla la opacidad del fondo oscurecido.
- Color del campo de búsqueda — fondo, texto y borde.
- Efecto de desenfoque — aplica un
backdrop-filter: blur()al fondo del modal.