Anteriormente habíamos hablado que era mejor tener un sitio sin error 404. Podíamos hacer uso de pluging y aplicaciones que nos advirtiera de enlaces rotos dentro de nuestro sitio web. Esa es una buena opción, pero probablemente en algún momento nos pase que algún enlace roto pueda generarse ya sea porque corregimos el permalink luego de un tiempo, hicimos alguna migración de dominio, etc.
De modo que si bien lo ideal es no tener enlaces rotos y así evitar que nuestros usuarios se encuentren con el error 404, lo cierto que también no depende de nosotros.
Y es que si el usuario ha digitado incorrectamente la url este mensaje va a aparecer. Probablemente no pase con frecuencia, pero sería mucho mejor tener una página de error 404 personalizada por si alguna vez alguien se encuentra con un error 404 dentro de nuestro sitio web.
Razones por las que una página de error 404 aparece:
– Cambio en los permalinks
– Mal escritura de la url
– Simplemente borraste la página.
La mayoría de nosotros cuando usamos WordPress no personalizamos esta página y lo que hay allí es esto:
Es una página que puede quedar con mensajes en inglés como este ejemplo que es la página de Twenty fifteen el tema para este 2015. Si usas otra plantilla y no has personalizado esta parte, es probable que salga un mensaje en inglés con lo cual no queda muy profesional porque cualquiera se daría cuenta que utilizas una plantilla de diseño.
Sin embargo una página de error 404 puede ser mejor aprovechada como por ejemplo:
– Incluir post relacionados de tu blog
– Invitar a realiza una consulta de algún servicio que ofrezcas
– Rápido acceso a la página principal
– Un vídeo de tu canal de Youtube.
Para empezar a editar y personalizar esta página debes seguir estos pasos:
Paso 1: Ubicar el archivo 404.php de tu tema o plantilla
En caso no ubiques el archivo, debes ir al archivo index.php y copiarlo.
Paso 2: Ubica aquellas partes en donde exista comentarios y mensajes y elimínalos.
Este es el código que debemos mirar.
<h1 class=»page-title»><?php _e( ‘Oops! That page can’t be found.’, ‘twentyfifteen’ ); ?></h1>
Cambiamos la parte del texto.
Añadiendo un Widget para la página de error 404
Otra manera de hacerlo es crear un área de widget para la página 404 con lo cual puedes personalizar más cómodamente si no te llevas bien con el código.
Aunque parezca irónico sólo debes modificarlo agregando los siguientes pedazos de código:
En archivo Function.php
Añade este código
register_sidebar( array(
‘name’ => ‘404 Page’,
‘id’ => ‘404’,
‘description’ => __( ‘Content for your 404 error page goes here.’ ),
‘before_widget’ => ‘<div id=»error-box»>’,
‘after_widget’ => ‘</div>’,
‘before_title’ => ‘<h3 class=»widget-title»>’,
‘after_title’ => ‘</h3>’
) );
En archivo 404.php
Añade esta línea
<?php dynamic_sidebar( ‘404’ ); ?>
Luego de ello ya está listo para que vayas a la zona de widgets e insertes cualquier widget en esta página.
Tip importante: Te aconsejamos que no hagas estas modificaciones en el editor de WordPress, sino más bien utilices los archivos de wordpress que tienes en tu ordenador y los abras con un editor y hagas estas modificaciones allí. Una vez añadas estos códigos los subes reemplazando esos archivos. Algo que deberías hacer también es tener una copia de los archivos que están en tu sitio, antes que los modifiques. Si algo sale mal, tendrás los archivos originales para subirlos nuevamente.