Oferta SiteGround Black Friday

Cómo crear una página 404 personalizada con Astra

La página de error 404 que aparece en tu sitio cuando un usuario llega a una URL que no existe actualmente es algo a evitar, por supuesto, pero ya que alguna vez se mostrará inevitablemente, por un error de tecleo del visitante, o una redirección aún no creada, más vale que esta página sea útil.

Todos los temas incluyen de algún modo u otro un diseño para las páginas de error 404, pero no siempre son todo lo útiles que podrían.

Por ejemplo, una buena página de error 404 podría incluir:

  • Un mensaje explicativo claro del por qué del error.
  • Un buscador.
  • Recursos para seguir navegando por la web.
  • Cualquier otro recurso que se te ocurra para evitar una mala experiencia de navegación.

Pero no siempre es así, y la mayoría de los temas no te lo ponen fácil.

Con la edición completa del sitio poco a poco iremos viendo que más y más temas incluirán una plantilla para personalizar nuestra página de error 404 pero ¿qué hacemos mientras tanto?

Diseños personalizados de Astra Pro

Mientras van apareciendo más temas con edición completa del sitio, y Astra todavía no es compatible, al menos la versión pro de Astra ofrece la herramienta de diseños personalizados, que viene a sustituir esta carencia.

Una vez los actives tendrás una nueva sección para diseños personalizados, en la que poder añadir fácilmente los distintos diseños posibles.

Da igual en qué página te encuentres, al pulsar el botón de «Añadir» se abrirá el editor de WordPress y te mostrará un selector de diseños personalizados, entre el que está el de página 404.

A partir de aquí ya puedes empezar a personalizar tu página de error 404, añadiendo los bloques que necesites (buscador, textos, entradas destacadas por categoría, lo que quieras), pero además tienes algunos ajustes que le darán un estilo especial.

Los ajustes más típicos son estos:

Ajustes de visualización de la página 404

Puedes elegir desactivar:

  • La cabecera principal
  • La barra del pie de página

Ajustes de visibilidad adaptable de la página 404

También puedes seleccionar en qué dispositivos se verá esta página de error 404 personalizada y en cuáles no:

  • Escritorio
  • Tabletas
  • Móviles

Con este ajuste puedes crear varias páginas de error 404, cada una para un tipo de dispositivo, y cada una se activará según el dispositivo, adaptada al mejor diseño para el mismo.

Pero ahí no acaba la cosa, porque hay más posibles personalizaciones.

Ajustes de visibilidad por perfil de usuario de la página 404

Si pulsas en el icono de los ajustes de visibilidad por perfil de usuario (por defecto para todos) puedes seleccionar qué perfiles de usuario verán esta página personalizada de error 404, y cuáles la página por defecto, por descarte.

Con este ajuste puedes crear distintas páginas de error 404 que se mostrarán según el perfil de usuario, o si es un usuario conectado o no.

Ajustes de duración de la página de error 404

Pero aquí no acaba la cosa, porque puedes incluso especificar un periodo de tiempo durante el cual se visualizará la página de error 404 que estás personalizando.

Esto, que puede parecer una frivolidad, te permitirá definir distintas páginas de error 404 dependiendo de temporadas, campañas especiales, en las que pondrías enlaces o recursos diferentes, etc.

Más útil de lo que imaginas.

Cuando termines de personalizar tu página de error 404 simplemente publícala con tus personalizaciones, y será tu nueva página de error 404 por defecto, o cuando la hayas configurado (por tiempo, por perfil de usuario, etc.)

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.5 / 5. Total de votos: 6

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en los medios sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

2 comentarios en “Cómo crear una página 404 personalizada con Astra”

  1. Buenos días Fernando:
    Con qué tema de los que admiten edición completa del sitio te quedarías? Hay alguno «equivalente» al querido Astra?
    Gracias y saludos

    1. De momento con ninguno, te recuerdo que es una característica Beta, aún con muchas carencias y errores. ¿Lo peor?, el modo de gestión de menús de navegación, que no funciona el anterior, y tampoco lo nuevo, cuando tienes activo un tema de bloques.

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Ir arriba