Marketing Digital / Web

Crear página 404 Error con widgets personalizados

Crear página Erro 404 con widgets personalizados

La página de error 404 es donde cada persona aterriza que intenta acceder a una página en su sitio web que no existe, ya sea a través de un error tipográfico, un vínculo defectuoso o porque enlace permanente de la página ha cambiado. Su contenido puede ser el factor determinante de si alguien abandona de inmediato su sitio.

Una buena manera es construir áreas de widgets en su plantilla para que pueda cambiar de forma flexible lo que aparece allí por arrastrar y soltar.

Para ello vamos a tomar y editar el archivo 404.php que se incluye con veinte doce (jerarquía plantilla, ¿recuerdas?). Sin embargo, antes de cambiar cualquier cosa en allí, vamos a crear primero un nuevo widget insertando el siguiente código en nuestro archivo functions.php:

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>'
) );

Esto debería mostrar el nuevo widget en el back-end del WordPress. Para asegurarse de que en realidad aparece en el sitio, es necesario agregar la siguiente línea de código a su página 404, en el lugar adecuado:

<?php dynamic_sidebar( '404' ); ?>

En mi caso, quiero reemplazar el formulario de búsqueda (<?php get_search_form(); ?>) Dentro de la plantilla con mi nuevo widget, para hacer el siguiente código:

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

get_header(); ?>

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

 <article id="post-0" class="post error404 no-results not-found">
 <header class="entry-header">
 <h1 class="entry-title"><?php _e( 'This is somewhat embarrassing, isn&amp;rsquo;t it?', 'twentytwelve' ); ?></h1>
 </header>

 <div class="entry-content">
 <?php dynamic_sidebar( '404' ); ?>
 </div><!-- .entry-content -->
 </article><!-- #post-0 -->

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

<?php get_footer(); ?>

Después de cargar la plantilla a mi sitio, es el momento de llenar mi nueva área de widget:

Widget personalizado

Si ahora me tomo un vistazo a la página de error 404, mis widgets de nueva creación aparecen allí:

ejemplo de página error 404

Basado en el artículo: A Detailed Guide To WordPress Custom Page Templates