Crear un tema WordPress desde cero – Página 404

El error 404 o error de página no encontrada se da por ejemplo cuando un visitante intenta acceder a una página que no existe en el sitio, y, por tanto, el servidor no tiene ninguna opción para mostrarle.

Debes ponerte en la piel del visitante y pensar que al recibir ese error pueden suponer que el sitio está caído o ha dejado de existir, por lo que pueden dejar de visitarlo para siempre.

Por eso consideramos que crear una página 404 es más importante de lo que parece.

Además, si no se soluciona el error 404 podrías sufrir un efecto negativo en el rendimiento del sitio, de tal forma que los motores de búsquedas dejarán visitarlo (y en consecuencia de indexarlo).

En WordPress es muy sencillo solucionar esta situación. En nuestra plantilla mytheme tenemos que crear un nuevo archivo: 404.php.

Creando este archivo en nuestra plantilla dispondremos de una página 404 diseñada especialmente para que aparezca cuando alguien intente acceder a una página que no existe en el servidor. Siendo un archivo de nuestra plantilla mytheme tenemos toda la libertad de personalizarla a nuestro antojo.

Una página 404 bien planteada:

• Debe contener el aspecto general del sitio web.
• Debe contener una disculpa al visitante por el error.
• Debe enlazar a la página principal como así también a otras páginas importantes del sitio.
• Siempre que sea posible, debe haber un cuadro de búsqueda para permitir a los visitantes que busquen otras páginas en el sitio.

Sabiendo todo esto ya podemos programar nuestra página 404. Añadiremos el siguiente contenido al archivo 404.php de nuestra plantilla mytheme.

Source code

<?php get_header(); ?>
<div id="sidebar_left" class="col-xs-12 col-sm-3 col-md-3 col-lg-3 hidden-xs hidden-sm">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Left') ) : endif; ?>
</div>
 
<div id="content" class="col-xs-12 col-sm-8 col-md-6 col-lg-6">
    <h1 class="entry-title"><?php _e( 'Oops! Esta página no se puede encontrar.', 'mytheme' ); ?></h1>
    <p><?php _e('La página solicitada no se encuentra disponible. Por favor, para encontrar lo que buscaba use el buscador o diríjase al índice o al mapa del sitio.', 'mytheme' ); ?></p>
    <?php get_search_form(); ?>
</div>
 
<div id="sidebar_right" class="col-xs-12 col-sm-4 col-md-3 col-lg-3">
    <?php if ( !function_exists('dynamic_sidebar') || !dynamic_sidebar('Sidebar Right') ) : endif; ?>
</div>
<?php get_footer(); ?>

Igual que hicimos para las páginas y entradas lo primero que hacemos es incluir la cabecera de nuestra estructura y finalmente nuestro pie de página. Añadimos las 2 columnas y nuestro contenido central y así mantenemos la estructura de nuestro tema mytheme, manteniendo el aspecto general del sitio.

En el centro de la página mostramos la disculpa indicando que la página solicitada no existe.

En la cabecera ya disponemos de un enlace a la página principal.

Y por último, incluimos el cuadro de búsqueda con la función get_search_form() para facilitarle la búsqueda al usuario.

Me gustaría recalcar que aunque algunas personas no le den importancia a estas páginas de error, la corrección de estos errores es muy importante para el éxito de tu negocio o la popularidad de tu sitio, por ese motivo es importante asegurarse de que la web no contenga ninguno y en caso de encontrarlo corregirlo con la máxima brevedad posible.

Indice de contenido