Cómo crear una búsqueda personalizada con facetas para sitios grandes de WordPress

Los sitios que usan muchas categorías para organizar mucho contenido necesitan buscar facetas. Sin una forma de filtrar ese contenido de contenido e identificar exactamente lo que están buscando, los visitantes pueden frustrarse y buscar otras opciones en línea. Los sitios de comercio electrónico son la aplicación obvia para buscar facetas. Ebay, Amazon, Zappos, Etsy y, prácticamente, cualquier otro sitio de comercio electrónico exitoso ha lanzado una poderosa herramienta de búsqueda de facetas. Sin embargo, el comercio electrónico no es el único lugar donde puede ver la búsqueda de búsqueda en acción. Las redes sociales, los grandes blogs y los directores, se dedican a cualquier sitio que tenga mucho contenido que pueda clasificarse estrictamente, todo puede beneficiarse de una función de búsqueda cuidadosa.
Hay algunos complementos de búsqueda diferentes disponibles para WordPress y hemos hablado de ellos varias veces. Pero, ¿qué sucede si ninguno de los complementos disponibles puede hacer exactamente lo que quiere hacer? La construcción de una solución de búsqueda totalmente personalizada desde cero será excluida para la mayoría de nosotros. Sin embargo, WP Advanced Search es un marco libre que le hará un trabajo duro.

La búsqueda con facetas en Amazon puede ser tan amplia o específica como debe ser.
¿Quién puede usar WP Advanced Search? WP Advanced Search (WPAS) es un marco PHP. ¡Esperar! ¡no te vayas! Este tutorial y los WPA están a la mano para los desarrolladores de WordPress y los implementos. Claro, los desarrolladores tendrán un paso más fácil cuando comiencen con WPA, pero los implementadores que han jugado un poco con PHP y entienden cómo WordPress Works también puede aprender a usar este marco efectivo. ¿Cuál es la búsqueda avanzada de WP, realmente? Lo que hace WPAS es eliminar todas las tareas pesadas de la creación de una herramienta de búsqueda de facetas personalizada. Todas las funciones que alimentan las facetas y la función de búsqueda están allí. Todo lo que tiene que hacer es apretar las piezas. Cree un formulario de búsqueda y cree una plantilla o dos para mostrar el formulario de búsqueda y los resultados y tendrá una función de búsqueda de cara que es exactamente lo que está buscando. ¿Todavía suena aterrador? Realmente no lo es. Puede tomar algún tiempo para configurar las cosas y trabajar, pero la documentación disponible es excelente y en este tutorial lo guiaré a través del proceso, paso a uno. Hablando de documentación, debe ir más allá y familiarizarse con el sitio de documentación de WPAS. Este tutorial y formularios de búsqueda demostrativos, que están disponibles en el sitio de documentación, solo llegan a la punta del iceberg de lo que se puede hacer con WPA. Si permanece bloqueado o desea implementar una faceta de búsqueda que no esté cubierta en este tutorial, la documentación probablemente contendrá la información que necesita para completar el trabajo.
Sitio web de búsqueda avanzada de WP.

Configuración de un sitio de desarrollo primero, deberá configurar un sitio de desarrollo. El uso de WPA implica editar archivos con temas, por lo que no debe intentar implementar esta herramienta en un sitio en vivo. En cambio, esto es lo que debe hacer: identifique un sitio donde desea agregar búsqueda con facetas y migrar una copia de su sitio en un entorno de desarrollo privado para que no pueda romper accidentalmente una producción en vivo del sitio.
Implemente WPA en su sitio de desarrollo y configure el formulario de búsqueda y el trabajo.
Cree una copia de seguridad completa de su sitio de producción en vivo.
Copie los temas apropiados en el sitio de desarrollo al sitio de producción.
Implemente la nueva herramienta de búsqueda de facetas en su sitio de producción.
Nota: No intente implementar esta herramienta en un sitio de producción en vivo por razones obvias. Juega con seguridad y prueba esta herramienta donde no romperás nada.
Página de búsqueda avanzada de GitHub WP.
Obtenga el marco WPAS se aloja en GitHub. Puedes descargar la ultima version aqui. El marco está diseñado para instalarse directamente en su tema activo. Si el tema activo no es un tema infantil, configure y active un tema infantil ahora. Para instalar el marco, extraiga el archivo zip que ha descargado desde GitHub directamente al directorio de temas activos. Luego cambie el nombre del archivo extraído WP-Advanced-Search. Cuando haya terminado, el director con el tema del niño debería verse así.

El último paso en el proceso de instalación del marco es agregar una sola línea PHP al archivo Functions.php del tema. Aquí está la línea:
La idea se carga 482C9B28ABAABE98E4111A3DD070E6

Tire esa línea de código en funciones.php inmediatamente después de la etiqueta de apertura de PHP en la parte superior del archivo. Cuando haya terminado, las funciones.php deben verse así. WPAS ahora está instalado y listo para usar. Cómo funciona WP Advanced Search Hay cuatro piezas móviles que tienen que unirse para que la herramienta faceta de WPAS funcione:
La trama WPAS debe instalarse en el tema activo. Échale un vistazo.
Se debe crear y agregar un formulario de búsqueda al archivo Functions.php del tema activo.

El formulario de búsqueda debe mostrarse utilizando una plantilla de página de búsqueda.
Una plantilla de resultados de búsqueda debe estar disponible para mostrar los resultados de búsqueda.
Se completa el paso uno, la instalación del marco WPAS. Cambie al paso dos: Creación de un formulario de búsqueda.
Cambie a la creación de un formulario de búsqueda …
La creación de formularios de búsqueda de formulario de búsqueda se crea escribiendo una función de búsqueda y colocándola en las funciones.php del tema activo. Puede sonar intimidante, pero no se preocupe, no tiene que descubrir este paso por su cuenta. Las funciones básicas del formulario de búsqueda están listas y te esperan. Tiene algunas opciones diferentes cuando se trata de crear el primer formulario de búsqueda. Hay un formulario de búsqueda muy simple incluido en las instrucciones de configuración en el sitio de documentación de WPAS, pero le recomiendo que lo saltee a todas partes. En cambio, eche un vistazo a las tres demostraciones en vivo diferentes.
La demostración de búsqueda estándar muestra los resultados en la página de búsqueda, pero requiere una actualización de la página para procesar la búsqueda y mostrar los resultados.

La demostración de búsqueda de AJAX muestra que la demostración estándar, pero carga los resultados sin requerir refrescar la página.
Cada demostración viene con el código fuente completo. Por lo tanto, en realidad es más fácil configurar una de las demostraciones que descubrir cómo configurar el formulario de búsqueda básico incluido en las instrucciones de configuración.
Independientemente del formulario de búsqueda que decida usar, tiene el control completo para personalizarlo consultando la documentación. Por lo tanto, no se aferre demasiado si el formulario de búsqueda es exactamente lo que quiere ser. Decidí la demostración de AJAX, y el resto de este tutorial demuestra cómo implementar esa demostración. Usando la documentación disponible, hice algunos ajustes al formulario de búsqueda y luego lo agregué a las funciones.php de mi base. Así es como las funciones.
Cargue la idea 3BEFD3676380B96203F0BDF94F4A799
Si observa de cerca el código fuente original del formulario de búsqueda AJAX, verá que hicimos dos cambios que vale la pena señalar al formulario de búsqueda original:
Eliminé el campo y el parámetro de Post_Type del parámetro WP_QUEY y la publicación agregué. El formulario original tiene páginas interrogadas, así como dos tipos de publicaciones personalizadas: campos y parámetros. Quiero que el formulario interrogue solo en publicaciones y páginas de moda antigua.

En la parte inferior del formulario de búsqueda, agregamos un campo de taxonomía para poder filtrar los resultados por categoría.
Muestre el formulario de búsqueda Una vez que haya establecido un formulario de búsqueda, deberá mostrarlo en algún lugar.Entonces, el siguiente paso es crear una plantilla para su formulario de búsqueda.Mostrar su búsqueda es fácil.Todo lo que tiene que hacer es usar una plantilla de página base que atraiga el encabezado y el sótano de su sitio y luego inserte el formulario de búsqueda entre los dos.Una forma de obtener una plantilla básica para trabajar es copiar la plantilla Page.php de sus padres y eliminar todo entre get_header () y get_footer ().Como estaba trabajando con la demostración de AJAX, utilicé el código fuente en la demostración de AJAX e ingresé en una plantilla de página base.Luego guardé ese archivo en el directorio raíz del tema infantil usando un nombre único y significativo es cómo se ve mi plantilla de búsqueda. La idea 073BD95368F0D68C40A826BD9D2A8D está cargada.
¿Has notado Div vacío desde el final de la plantilla? Debido a que el formulario de búsqueda AJAX muestra tanto el formulario de búsqueda como los resultados en la misma página, la plantilla de formulario de búsqueda debe incluir un lugar para mostrar los resultados de búsqueda. Di di Gol es el lugar donde se mostrarán los resultados. Creación de una plantilla para los resultados de búsqueda si usó demostración de búsqueda estándar, , solo tiene dos archivos de los que preocuparse: functions.php y su plantilla de página de búsqueda. ¡Felicidades! ¡Han completado! Simplemente cree una nueva página usando la plantilla de página de búsqueda y pruebela. Sin embargo, si trabaja con AJAX Demo o que muestra resultados en una página separada, deberá crear otro archivo: un archivo de plantilla para viajar las publicaciones y mostrar los resultados de búsqueda. La demostración AJAX ofrece el código que necesita para crear el archivo de plantilla para los resultados de búsqueda, pero la demostración en páginas separadas no. Si usa la demostración de página separada y necesita una plantilla para mostrar los resultados de la búsqueda, use los resultados de demostración de AJAX y colóquela en una plantilla de página básica que incluya get_header () y get_footer (). Luego establezca la página como una página de destino para su formulario de búsqueda, algo que tendrá que hacer editando el código de formulario de búsqueda en functions.php. Si ha optado por la demostración de AJAX, como lo hice yo, se ofrece la plantilla de los resultados de búsqueda. Aquí está: Cargue la idea 4adda42ac1825a459a9308229f9e1c96
Debido a que esta plantilla se usará para devolver y mostrar los resultados directamente en la página de búsqueda, no incluya get_header () y get_footer () pero solo el bucle que mostrará los resultados de nuestra búsqueda. No hice ningún cambio en esta plantilla, excepto para ajustar los comentarios en la parte superior del archivo. Entonces, este paso es un ejercicio simple de copia e inserción. Solo asegúrese de que el nombre de la plantilla para los resultados de búsqueda se incluya correctamente en la posición del formulario de búsqueda en funciones.php. Asegúrese de que la función de búsqueda esté dirigida a los resultados de búsqueda.
Hasta ahora, un poco de confusión es comprensible. Para aclarar las cosas, aquí hay un vistazo al contenido de mi director de temas para el niño.
Los tres archivos que analicé-Functions.php, la plantilla de formulario de búsqueda que llamé Ajax-Advanced-Search.php y la plantilla para los resultados de la plantilla-AJAX-RESULTS.php-se colocan directamente en el tema del niño. director. Con estos tres archivos en su lugar, estamos listos para mostrar y probar la nueva función de búsqueda. Pruebe y sienta su formulario Para mostrar el formulario de búsqueda, cree una nueva página utilizando la plantilla de formulario de búsqueda.
El nombre que nombra la página y cualquier otro contenido que agregue a la página no es importante siempre que elija la plantilla correcta. Haga esto y suponiendo que no hay errores en su código se mostrarán su formulario de búsqueda. Ahora es el momento de probar su formulario de búsqueda y ajustarlo con referencia a la documentación. Pruebe nuevos campos, diferentes formatos de campo y otros parámetros de campo hasta que esté satisfecho. Una vez que haya configurado y haya trabajado el formulario, querrá darse algo de tiempo para atacar el formulario de búsqueda y los resultados utilizando el archivo style.css de su hijo o su complemento CSS favorito. Finalmente, así es como resultó mi formulario de búsqueda de facetas. El instante de búsqueda de AJAX que creé.
Este es solo el comienzo de WPA se puede usar para construir casi cualquier tipo de herramienta de búsqueda de facilidad. WPAS juega bien con los campos personalizados avanzados, por lo que puede crear taxonomía complejas para filtrar los resultados con precisión. O imagine que si combina un campo de búsqueda de texto básico en la página de inicio de su sitio con una página de resultados separada que incluye una faceta y actualizaciones basadas en AJAX, entonces tendrá una herramienta de búsqueda realmente impresionante que no lo abarrotará. la página de inicio y es una que puedes construir solo. Esto es realmente solo el comienzo de lo que puedes hacer con WPA.
¿Recibió una de las manifestaciones en su sitio de desarrollo? ¿Cómo puede utilizar esta herramienta para facilitar los visitantes de su sitio encontrar lo que están buscando? Cuéntanos lo que piensas en los comentarios a continuación.
Etiquetas:

búsqueda