Cómo mejorar la plantilla de tu página 404 en WordPress

Los errores 404 no son buenos para la experiencia del usuario. Le mostramos cómo obtener alertas de correo electrónico para los errores 404 en su sitio para que pueda corregirlos rápidamente. En este artículo, le mostraremos cómo mejorar la plantilla de su página 404 en WordPress, para que pueda crear una página 404 más útil que realmente ayude a los usuarios..

Cómo se ve la mayoría de las páginas de WordPress 404?

La página 404 es a menudo la página más descuidada en la mayoría de los sitios. A menudo, una gran cantidad de temas de WordPress 404 página se ve así:

Esta página 404 en WordPress es manejada por un archivo de plantilla llamado 404.php.

Si su configuración está realmente desordenada, entonces la página 404 se vería así:

Ninguna de las 404 páginas anteriores es realmente útil.

Cuando un usuario llega a una página 404, ya está frustrado. ¿Por qué? Porque no encuentran lo que buscaban..

Necesitas ayudar al usuario a encontrar la página correcta. Puede ayudar a mejorar esta experiencia transmitiendo correctamente el error y brindándoles un curso de acción adecuado (es decir, qué hacer a continuación).

Esto se puede hacer mostrándoles otras secciones de sus sitios que pueden visitar, dándoles una forma de comunicarse con usted, etc..

Cómo crear una página 404 personalizada en WordPress

Lo primero que debemos hacer es comenzar creando una plantilla de 404 páginas personalizada. Esto se puede hacer editando el archivo 404.php en su tema de WordPress.

Si está editando su tema directamente, le recomendamos que al menos realice una copia de seguridad de su tema de WordPress.

Para hacer que su página 404 sea más útil, le mostraremos cómo agregar elementos útiles como las publicaciones populares, las publicaciones más comentadas, las publicaciones recientes, los archivos de fechas, la lista de todas las categorías, etc..

Esto permitirá a los nuevos usuarios echar un vistazo rápido a lo que tiene para ofrecer.

Mostrar los mensajes más populares en la página 404

Vamos a utilizar uno de los mejores complementos de publicaciones populares de WordPress para mostrar publicaciones populares en nuestra página 404.

Lo primero que debe hacer es instalar y activar el complemento de publicaciones populares de WordPress en su sitio web. Tras la activación, debe agregar esta etiqueta de plantilla en su archivo 404.php donde desea mostrar las publicaciones populares.

Mostrar los mensajes más comentados en la página 404

La sección de publicaciones más comentadas también se basa en el popular complemento de publicaciones que activamos en el último paso. Simplemente agregue esta etiqueta de plantilla donde desee mostrar sus publicaciones más comentadas.

También puedes consultar nuestra guía sobre cómo mostrar las publicaciones más comentadas en WordPress.

Mostrar publicaciones recientes en la página 404

Hay varias formas de mostrar publicaciones recientes en WordPress. La forma más fácil es agregar esta etiqueta de plantilla en su plantilla 404 para mostrar sus publicaciones recientes.

  'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => ", 'after' => '
')); ?> 

Mostrar publicaciones aleatorias en la página 404

Si desea mostrar una lista aleatoria de publicaciones en WordPress, simplemente puede agregar este código en su plantilla 404 donde desea mostrar una lista aleatoria de publicaciones de su sitio..

Añadir archivos mensuales con archivos compactos

Si mira la página WPBeginner 404, notará que estamos mostrando nuestra lista mensual de archivos utilizando un complemento de archivos compactos. Tenga en cuenta que hemos adoptado este plugin y ahora lo estamos manteniendo.

Instale y active este plugin el plugin Compact Archives. Después de activar el complemento, agregue el siguiente código en su archivo 404.php:

 
Por fecha
 
  
 

Mostrará sus archivos mensuales así:

Una plantilla de muestra 404 para WordPress

Aquí hay un ejemplo de archivo 404.php basado en la plantilla 404 de Twenty Thirteen del tema de WordPress predeterminado.

            
Echa un vistazo a algunos de nuestros contenidos populares:
   
entradas populares
      
Más comentado
      
Mensajes recientes
   'postbypost', 'limit' => 10, 'format' => 'custom', 'before' => ", 'after' => '
')); ?>       

Compare esta plantilla 404 con la plantilla predeterminada en Twenty Thirteen. Notará que justo después del formulario de búsqueda, hemos agregado nuestro código personalizado para mostrar publicaciones populares, más comentadas y recientes. Después de eso agregamos un poco de CSS para dividirlo en columnas..

 .col1, .col2, .col3 ancho: 30%; flotador izquierdo; relleno: 0px 10px 10px 10px; altura: 450px; margen: 0px;  .col3: despues de claro: ambos;  .col-header background: # 220e10; color: #FFF; margen: 0px; relleno: 1px; text-align: center;  

Así es como se veía el resultado final:

Esperamos que este artículo le haya ayudado a mejorar la página 404 en su sitio de WordPress. Siéntase libre de jugar con el código y experimentar con diferentes etiquetas de plantilla para satisfacer sus necesidades.

También puedes usar estas listas para ejemplos de diseño 404 geniales como inspiración.

Si le gustó este artículo, suscríbase a nuestro canal de YouTube para obtener más videos de WordPress. También puedes unirte a nosotros en Google+ y Twitter..