Personalizar la página de búsqueda sin contenido en Genesis Framework

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.

Búsqueda sin resultados en Gensis Framework
Búsqueda sin resultados en Gensis Framework

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

Categoría sin contenido en Genesis Framework
Categoría sin contenido en Genesis Framework

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.

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

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.

Este contenido está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

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!!

El soporte en comentarios está sólo disponible para los suscriptores.

Puedes identificarte aquí o bien registrate en este enlace.

¿Olvidaste tu contraseña?