Aprende cómo mejorar la experiencia de búsqueda en los child themes de Genesis Framework con unas líneas de código.
En general, la búsqueda dentro de una web WordPress es bastante mejorable. Y no me refiero solo al motor de búsqueda (que también) sino en la forma en la muestra los resultados.
Tanto es así, que el equipo de Yoast publicó un post sugiriendo retoques para cuidar la experiencia de usuario al buscar. Cuando investigué un poco más sobre este tema me encontré con este fantástico post de Sal Ferrarello en el que cuenta cómo aplicarlo en Genesis.
Basándome en ambas fuentes, he adaptado el código para que puedas utilizarlo de 2 formas distintas en Genesis Framework, dependiendo de si estás trabajando en un proyecto propio o para un cliente:
- Añadiéndolo al functions.php del child theme.
- Creando un pequeño plugin listo para instalar.
- Añadiéndolo a nuestro plugin de funcionalidades.
Las últimas dos opción tienen una clara ventaja: no se verán afectadas por actualizaciones o por un cambio de tema.
Eso sí, ten en cuenta que este plugin solo tendrá sentido mientras estés usando Genesis. Pero eso no debería ser un problema, ¿a que no? 😉
¿Preparado?
Instrucciones para mejorar la búsqueda en Genesis Framework
Opción 1: modifica functions.php
Si prefieres aplicar los cambios directamente al child theme de Genesis, añade este snippet al final del fichero functions.php:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Opción 2: crea un plugin
Si prefieres gestionar la mejora de las búsquedas con un pequeño plugin, agrega una nueva carpeta llamada, por ejemplo, «busqueda-mejorada-genesis».
Dentro de ella, crea un fichero que se llame «busqueda-mejorada-genesis.php» con el siguiente contenido:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Coloca esta nueva carpeta (con el fichero) dentro de la carpeta de plugins de WordPress (/wp-content/plugins/).
Cuando hayas dado este último paso, ya podrás activarlo desde la administración de WordPress, como si de un plugin más se tratara. 😉
Por supuesto, puedes cambiar el nombre del mismo y el resto de la cabecera a tu gusto. La idea es que este ejemplo te sirva como referencia.
Opción 3: añádelo a tu plugin de funcionalidades
Si ya tienes un plugin de funcionalidades y prefieres gestionar la mejora de las búsquedas desde el mismo, añade el siguiente código al final del fichero:
Para ver este código y los otros 2055 snippets de esta web,
identifícate o suscríbete aquí.
Ya lo tienes.
Resultado final
Independientemente de qué estrategia utilices, con este código consigues:
- Mostrar la metadescripción en la búsqueda.
- Enfatizar el término de búsqueda en el título.
- Limitar la metadescripción y resaltar el término búsqueda en la misma.
- Crear un link de «seguir leyendo».
Gracias a estas funcionalidades, la experiencia de usuario en la web gana varios puntos, te lo aseguro.
Conclusiones
¿Tú también piensas que la búsqueda dentro de WordPress podría ser mucho mejor?
Aprovecha el código superior, ya sea añadiéndolo o construyendo tu propio plugin, y haz que la visualizacion de los resultados de búsqueda sea más intuitiva en cualquier child theme de Genesis.
Si tienes alguna pregunta o quieres darme una sugerencia para próximos snippets, déjala en los comentarios.
Ventajas de ser suscriptor.😉
