En este tutorial veremos c\u00f3mo personalizar el error 404 en WordPress y, si es necesario, hacerlo m\u00e1s \u00fatil para nuestros visitantes.<\/p>\n
Al principio y siempre que sea posible, debemos minimizar este tipo de error. Si, por ejemplo, detectamos un enlace incorrecto, debemos hacer todo lo posible para solucionarlo. Sin embargo, tenga en cuenta que los errores 404 no siempre se pueden evitar y que terminar en esta p\u00e1gina es tan f\u00e1cil como escribir una URL mal.<\/p>\n
Por lo tanto, es una buena idea tener una p\u00e1gina de error 404 personalizada en su tema de wordpress , simplemente aproveche las oportunidades que nos puede ofrecer.<\/p>\n
Dejar\u00e9 sugerencias de complementos y un fragmento de c\u00f3digo sobre c\u00f3mo crear la p\u00e1gina de error 404 personalizada.<\/p>\n
Hay varios complementos en el repositorio que nos permiten crear o redirigir URL a una p\u00e1gina de error en nuestro sitio.<\/p>\n
Por ejemplo: Redirection<\/a> , Forty Four<\/a> , Genesis 404 page<\/a> especial para usuarios de Genesis Framework o 404page<\/a> entre otros.<\/p>\n Ahora hablemos de este \u00faltimo, desarrollado por Peter Raschendorfer. Adem\u00e1s de ser uno de los plugins mejor valorados en esta categor\u00eda, si no el mejor, es un plugin gratuito con opciones muy sencillas, que sin duda nos ayudar\u00e1 a personalizar la p\u00e1gina de error, adem\u00e1s de ofrecer alternativas para los usuarios del sitio.<\/p>\n Lo primero que debemos hacer es ir al escritorio de WordPress, \u201cComplemento \/ Agregar nuevo\u201d, y escribir el nombre \u201c404page\u201d (todo junto). Una vez localizado, como siempre, lo instalamos y activamos.<\/p>\n Inmediatamente se crear\u00e1 una nueva opci\u00f3n de men\u00fa en \u201cConfiguraci\u00f3n\u201d, \u201cError p\u00e1gina 404\u201d, en la que tendr\u00e1s que entrar para realizar las configuraciones necesarias para que el plugin funcione.<\/p>\n Bueno, si queremos personalizar el archivo 404.php, entonces debemos encontrarlo, estar\u00e1 dentro de la carpeta del tema activo, espec\u00edficamente en \/ wp-content \/ themes \/ “nombre-de-su-tema-activo”.<\/p>\n Si va a modificarlo, se recomienda que lo haga en un tema hijo, donde tendremos que crear un nuevo archivo 404.php (si no existe).<\/p>\n \u00a1Importante! Pronto publicar\u00e9 un tutorial sobre c\u00f3mo crear un tema hijo.<\/p>\n Dicho esto, veamos un ejemplo de c\u00f3digo 404. Lo que comparto a continuaci\u00f3n corresponde a la p\u00e1gina 404 del popular tema de wordpress Twenty Seventeen.<\/p>\n Ahora, voy a hablaros de dos bloques, que creo que son interesantes modificarlos a la hora de personalizar el archivo 404.php.<\/p>\n El primero es el “encabezado”, donde est\u00e1 la clase de encabezado de p\u00e1gina, ah\u00ed mismo podemos encontrar el t\u00edtulo de la p\u00e1gina. Aqu\u00ed podemos cambiarlo y no olvides reemplazar el nombre del tema.<\/p>\n El segundo, llamado bloque div, carga la clase “contenido de la p\u00e1gina” (donde est\u00e1 la clase de contenido de la p\u00e1gina), que contiene su informaci\u00f3n. Como podemos ver, muestra un mensaje que ser\u00eda sumamente interesante personalizarlo y tambi\u00e9n para el buscador.<\/p>\n Ahora deber\u00edamos incluir un p\u00e1rrafo que invite a sus usuarios a ponerse en contacto, un formulario o un enlace a una p\u00e1gina de recursos, su blog o donde sea que sea interesante.<\/p>\n De todos modos, debemos ofrecer al usuario que llegue a la p\u00e1gina de error, algo que pueda ser de utilidad. Las posibilidades son realmente diversas, solo c\u00e9ntrate en lo que quieres comunicar e implementar.<\/p>\n Ahora que sabe que hay varias opciones para elegir, \u00a1manos a la obra y buen trabajo!<\/p>\nPersonaliza la p\u00e1gina de error 404 desde un archivo 404.php<\/h2>\n
<?php\nget_header(); ?>\n<div class=\"wrap\">\n<div id=\"primary\" class=\"content-area\">\n<main id=\"main\" class=\"site-main\" role=\"main\">\n<section class=\"error-404 not-found\">\n<header class=\"page-header\">\n<h1 class=\"page-title\"><?php _e( 'Oops! That page can\u2019t be found.', 'Text Domain' ); ?><\/h1>\n<\/header><!-- .page-header -->\n<div class=\"page-content\">\n<p><?php _e( 'It looks like nothing was found at this location. Maybe try a search?', 'Text Domain' ); ?><\/p>\n<?php get_search_form(); ?>\n<\/div><!-- .page-content -->\n<\/section><!-- .error-404 -->\n<\/main><!-- #main -->\n<\/div><!-- #primary -->\n<\/div><!-- .wrap -->\n<?php\nget_footer();<\/code><\/pre>\nResumen y conclusi\u00f3n<\/h2>\n