Tutorial: Cómo crear tu página de error 404 perfecta para Wordpress

Ayer comentaba en mi post sobre cómo crear una página de error en Blogger, la necesidad de contar con una página de error 404 personalizada e informativa, en donde el usuario pueda encontrar lo que busca en lugar de irse sin ver más. Hoy he decidido ampliar la información para los usuarios de Wordpress, ya que todos tenemos la posibilidad de editar nuestras páginas de error, sin importar la plataforma.

En la imagen puedes ver la página de error 404 de mi blog. Puedes verla también aquí.

A continuación te enseñaré a crear una página de error 404 en Wordpress (con textos personalizables, caja de búsqueda y enlaces): 

En las plantillas de Wordpress normalmente viene por defecto una página de error, pero suele ser muy sencilla y aburrida (y normalmente en inglés).

Para personalizarla habrá que hacer lo siguiente:

1. En el panel de Wordpress vas a => Apariencia
2. Click en => Editor
3. En el menú derecho de Plantillas, click en => Error 404 (página no encontrada).

Puedes ver los primeros 3 pasos aquí:

Click para agrandar imagen

4. Para editar el archivo de plantilla de error 404, ábrelo en tu editor de texto favorito y edita el texto del mensaje para decir lo que quieras decir, luego súbelo a tu panel de wordpress.

*Si no cuentas con una plantilla de error 404, puedes tomar como ejemplo esta plantilla y crear un archivo 404.php con el código de ésta (Tema: Twenty Thirteen). Para esto deberás copiar el archivo
/wp-content/themes/twentythirteen/404.php al directorio de tu tema y edítalo como quieras.

Abajo puedes ver el código de la página de error 404 del tema Twenty Thirteen:

Los textos en azul son personalizables.

<?php
/**
 * The template for displaying 404 pages (Not Found)
 *
 * @package WordPress
 * @subpackage Twenty_Thirteen
 * @since Twenty Thirteen 1.0
 */

get_header(); ?>

 <div id="primary" class="content-area">
  <div id="content" class="site-content" role="main">

   <header class="page-header">
    <h1 class="page-title"><?php _e( 'Not Found', 'twentythirteen' ); ?></h1>
   </header>

   <div class="page-wrapper">
    <div class="page-content">
     <h2><?php _e( 'This is somewhat embarrassing, isn’t it?', 'twentythirteen' ); ?></h2>
     <p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'twentythirteen' ); ?></p>

     <?php get_search_form(); ?>
    </div><!-- .page-content -->
   </div><!-- .page-wrapper -->

  </div><!-- #content -->
 </div><!-- #primary -->

<?php get_footer(); ?>


5. Si quieres implementar mejoras a este código, puedes hacerlo añadiendo enlaces de valor a tu página. 



 Para enlazar contenidos a tu página de error en Wordpress puedes hacer lo siguiente:



*Para enlazar Posts:  Busca el ID de tu post en tu panel de Wordpress y reemplaza el POSTID del siguiente código por el ID de tu post.


<a href="index.php?p=POSTID">Post Title</a>

*Para enlazar categorías:  Busca el ID de tu categoría en tu panel de Wordpress y reemplaza el CATID del siguiente código por el ID de tu categoría.


<a href="index.php?cat=CATID">Category Title</a>

*Para enlazar Páginas:  Busca el ID de tu página en tu panel de Wordpress y reemplaza el PAGID del siguiente código por el ID de tu página.


<a href="index.php?page_id=PAGID">Page title</a>
En el siguiente enlace puedes ver más posibilidades de crear enlaces en tu página de error (en inglés): 
codex.wordpress.org




Fuente: Wordpress




Espero que el post de hoy haya sido útil, recuerda dejar tus comentarios y compartirlo en las redes sociales si te ha gustado.