¿Cómo personalizar la página error 404 en Genesis?

[…]


por

Cómo en todas las plantillas de WordPress, el diseño de la página de error 404 de los temas de Genesis deja mucho que desear.

Para poder personalizarla (y de paso traducirla si nuestra web no está en inglés) tenemos 2 opciones:

 

1- Utilizando el Plugin Genesis 404 Page

Genesis 404 page plugin

Se trata de un plugin muy sencillo que nos permite personalizar la página de error del tema, añadiendo un título y un contenido mediante un editor Visual, pudiendo incluir texto con formato, imágenes, etc..

URL Página del Plugin: https://wordpress.org/plugins/genesis-404-page/

 

2- Editando manualmente la página

Soy del parecer que siempre que podamos es mejor hacer las cosas manualmente sin tener que recurrir a plugins. Siempre y cuando tengamos los conocimientos mínimos necesarios y el tiempo que le tengamos que dedicar no sea excesivo, podemos sustituir un plugin de terceros por un trozo de código en nuestros archivos de WordPress.

En este caso, editar manualmente la página nos permitirá además personalizar totalmente la página de error.

Para ello, seguiremos los siguientes paso:

1- Nos descargaremos vía FTP el archivo 404.php de la carpeta wp-content/themes/genesis/

2- Abriremos el archivo con nuestro editor de código habitual.

3- Sustituiremos los textos y etiquetas html por los que queramos:

Por ejemplo, esta línea corresponde al título de la página:

printf( '<h1 class="entry-title">%s</h1>', apply_filters( 'genesis_404_entry_title', __( 'Not found, error 404', 'genesis' ) ) );

 

Y ésta al contenido:

echo apply_filters( 'genesis_404_entry_content', '<p>' . sprintf( __( 'The page you are looking for no longer exists. Perhaps you can return back to the site\'s <a href="%s">homepage</a> and see if you can find what you are looking for. Or, you can try finding it by using the search form below.', 'genesis' ), trailingslashit( home_url() ) ) . '</p>' );

 

Pero además de los textos, podremos incluir el contenido que nos parezca adecuado.

 

4- Volveremos a subir el archivo 404.php, pero en lugar de hacerlo en la carpeta genesis, lo haremos en la del child theme correspondiente: wp-content/themes/nombre-de-tu-tema/

Así, en lugar de sobreescribir la plantilla del Genesis, la añadiremos a nuestro child theme y no perderemos los cambios hechos si Genesis se actualiza.

 

Recuerda que tener una página de error 404 personalizada y optimizada es muy importante de cara a la usabilidad del usuario, especialmente en aquellos casos que hemos renovado nuestra web y muchas de las páginas indexadas por Google ya no existen.

 

¿Eres implementador o desarrollador WordPress?

En la Zona DPW encontrarás más recursos, tutoriales, plantillas, y una biblioteca de snippets para poder utilizar en tu día a día y ganar tiempo en tu trabajo:

ACCEDER AHORA

 

Comentarios

2 respuestas a «¿Cómo personalizar la página error 404 en Genesis?»

  1. Avatar de Marc

    |

    Muy buen artículo Esther!
    Me ha servido para personalizar la página 404 de mi web, que siempre queda mejor que un texto 404 en inglés…
    Gracias!

    1. Avatar de esther

      |

      Genial Marc! Me alegra que te haya servido.
      Saludos!