En este tutorial veremos como personalizar la página de búsqueda sin contenido en Genesis Framework. Y no sólo la página de búsqueda sino también para categorías o etiquetas sin contenido.

Hay páginas que tenemos que maquetar en cada diseño. Si o sí. Como la de error 404. Una de las páginas, o mejor dicho mensaje, el es de «Sorry, no content matched your criteria». No es nada amigable ni bueno para la experiencia de usuario. Casi como una bofetada para el que está buscando.

Además de modificar el mensaje, he añadido la barra de búsqueda como posible salida para el usuario. Todo esto lo suavizamos aún más si añadimos una imagen amistosa.

Así queda una búsqueda sin resultados.

Y así queda en una categoría sin contenido.

Personalizando el mensaje de «Sorry, no content matched your criteria»

En una primera versión editamos el contenido y añadimos la barra de búsqueda y la imagen. Añade este snippet al final del archivo functions.php de nuestro Genesis Child Theme activo.

Como edición no está mal, aunque se queda un poco corta, ya que tenemos el mismo texto para categorías y etiquetas sin contenido, como para búsquedas sin resultado.

Segunda versión

Esto lo podemos mejorar, así que si añadimos un par de condicionales podemos darle un poco más de forma y así personalizar un poco más el mensaje.

En este otro snippet de código deberás ser un poco más creativo a la hora de escribir los mensajes. El primer condicional es para las búsquedas y el segundo para las páginas de archivo.

Conclusiones

También podríamos diferenciar, mediante condicionales, las etiquetas de las categorías, pero eso lo dejamos para un tutorial más avanzado en caso de que alguien me lo pida.

Ya sabéis que podéis proponer nuevos tutoriales en los comentarios. Y por supuesto, preguntar cualquier duda sobre el código de este tutorial. Feliz día!!