Cómo agregar el menú desplegable Find-As-You-Type en WordPress Search

Hemos discutido varias maneras de hacer que la búsqueda de WordPress sea más útil. En este artículo, le mostraremos cómo puede agregar un menú desplegable de búsqueda a medida que usa el complemento Searchlight. Esta extensión le permitirá obtener resultados instantáneos a medida que escribe en el campo de búsqueda similar a Google.

Lo primero que debes hacer es instalar el complemento Search Light. Una vez que lo hayas activado, mira en la configuración de tu panel de administración. Verá un botón que dice "Searchlight". Al hacer clic en esto, accederás a una página donde puedes configurar todo. Primero, notará que puede seleccionar un tema visual. Tiene cuatro opciones integradas: claro, oscuro, limpio y cal. Aquellos de ustedes que son más avanzados también pueden ingresar al archivo CSS del complemento y hacer modificaciones allí. A continuación, seleccione si desea que las miniaturas de la publicación se muestren en los resultados y especifique la posición exacta en la que desea que aparezca el menú desplegable. Si está familiarizado con CSS, sabrá que esta sección modifica el posicionamiento relativo. Lo que significa es que cuando coloca un número positivo en el campo "superior", el menú desplegable se moverá muchos píxeles hacia abajo desde su posición anterior (desplazamiento desde la parte superior). Un número negativo, sin embargo, lo moverá hacia arriba. Lo mismo ocurre con el campo "izquierda". Un número positivo moverá el menú desplegable a la derecha y un número negativo a la izquierda.

En la siguiente sección, tiene la opción de cambiar el texto que se muestra en el panel de resultados de búsqueda. Aunque esto está destinado a la traducción (de ahí el título de la sección), también puede utilizarlo para realizar modificaciones. Después de elegir cuántos resultados desea mostrar, lo último que debe hacer es asegurarse de que el ID de formulario de búsqueda y el ID de campo de entrada son correctos. Los valores de WordPress predeterminados ya están ingresados, pero si está utilizando un tema modificado, es posible que deba ingresar a su archivo searchform.php para obtener sus ID. Esto es importante porque si los valores son incorrectos, WordPress no sabrá dónde adjuntar el menú desplegable.

Después de que todo haya sido estilizado y haya terminado de ajustar la configuración, guarde los cambios y debería ver algo como este cuando comience a escribir en la barra de búsqueda:

Descargar Search Light Plugin