{"id":371548,"date":"2023-04-17T14:46:00","date_gmt":"2023-04-17T11:46:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371548"},"modified":"2023-04-17T14:46:18","modified_gmt":"2023-04-17T11:46:18","slug":"como-hacer-una-pagina-404-personalizada-en-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/es\/como-hacer-una-pagina-404-personalizada-en-wordpress\/","title":{"rendered":"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress"},"content":{"rendered":"\n<p>Es inevitable que cada persona encuentre una p\u00e1gina de error 404 en alg\u00fan momento durante su uso de Internet. Y aunque a veces es dif\u00edcil evitarlo, no lo hace menos molesto cuando aparece.<\/p>\n<p>Por lo tanto, lo menos que puede hacer por sus visitantes es <strong>personalizar esta p\u00e1gina de error para que sea m\u00e1s agradable y f\u00e1cil de usar<\/strong> cuando se encuentren con ella. Le mostraremos c\u00f3mo puede crear una p\u00e1gina personalizada de WordPress 404 con la ayuda de dos complementos diferentes.<\/p>\n<div class=\"sds-iframe-wrapper fitvidsignore\" style=\"position:relative;padding-top:56.25%;max-width:100%;\"><iframe allowfullscreen style=\"position:absolute;top:0;left:0;width:100%;height:100%;\" src=\"\/\/www.youtube.com\/embed\/jZKadrFBOzk\" frameborder=\"0\"><\/iframe><\/div>\n<h2>\u00bfQu\u00e9 es una p\u00e1gina de error 404?<\/h2>\n<p>El servidor responde con un error 404 <strong>cuando no puede encontrar una p\u00e1gina determinada que el usuario ha buscado<\/strong>. En otras palabras, esa p\u00e1gina o publicaci\u00f3n en particular no existe en ese sitio web. Este <strong>mensaje de error puede aparecer debido a un enlace roto o si el usuario ha escrito incorrectamente la URL de su p\u00e1gina<\/strong>. Otra raz\u00f3n por la que puede aparecer es porque <strong>los motores de b\u00fasqueda ya hab\u00edan indexado su p\u00e1gina antes de que la eliminara<\/strong>.<\/p>\n<p>Si no est\u00e1 seguro de c\u00f3mo debe verse su p\u00e1gina de error 404 o qu\u00e9 elementos debe incluir, consulte nuestros ejemplos y conozca las mejores pr\u00e1cticas:<\/p>\n<h2>P\u00e1gina predeterminada de WordPress 404<\/h2>\n<p>Cada tema de WordPress tiene una <strong>plantilla 404.php integrada<\/strong> que muestra el mensaje de error a los usuarios. Sin embargo, estas plantillas parecen bastante b\u00e1sicas, tanto visualmente como en t\u00e9rminos de informaci\u00f3n. Por lo general, WordPress solo informar\u00e1 al usuario que no se pudo encontrar el recurso en su servidor. Pero, si desea un toque m\u00e1s personalizado a esta p\u00e1gina, le recomendamos que la cambie.<\/p>\n<p>Cada tema de WordPress tiene una <strong>plantilla 404.php integrada<\/strong> que muestra el mensaje de error a los usuarios. Sin embargo, estas plantillas parecen bastante b\u00e1sicas, tanto visualmente como en t\u00e9rminos de informaci\u00f3n. Por lo general, WordPress solo informar\u00e1 al usuario que no se pudo encontrar el recurso en su servidor. Pero, si desea un toque m\u00e1s personalizado a esta p\u00e1gina, le recomendamos que la cambie.<\/p>\n<h2>Configuraci\u00f3n de una p\u00e1gina de error 404 de WordPress personalizada con un complemento<\/h2>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e350e004e8.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e350e004e8.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p><a href=\"https:\/\/phpbits.net\/plugin\/forty-four\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">Forty Four \u2013 404 Plugin para WordPress<\/a> es un complemento simple y liviano que le permite modificar su dise\u00f1o con facilidad. Lo mejor de esto es que <strong>no carga scripts, CSS o im\u00e1genes innecesarias<\/strong>. Esto significa que sus visitantes no tendr\u00e1n que esperar demasiado para que su p\u00e1gina termine de cargarse.<\/p>\n<p>Con el complemento Forty Four \u2013 404, puede <strong>cambiar la imagen de fondo, el esquema de colores y la forma en que se ve el texto<\/strong>. Sin embargo, lo \u00fanico que no puede cambiar es el cuadro de b\u00fasqueda, que debe permanecer en esta p\u00e1gina.<\/p>\n<p>Aqu\u00ed hay un ejemplo de c\u00f3mo puede verse su p\u00e1gina 404 con este complemento:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3510eb5e5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3510eb5e5.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Una vez que haya instalado el complemento, puede encontrarlo yendo a la secci\u00f3n Apariencia&gt; P\u00e1gina 404 en su Tablero.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3513a869e.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3513a869e.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Tan pronto como eche un vistazo a la pantalla del complemento, la forma de usarlo ser\u00e1 clara para usted de inmediato. Esto se debe a que tiene una <strong>estructura id\u00e9ntica a la de una p\u00e1gina normal de WordPress<\/strong>. Es decir, contiene un campo para ingresar el t\u00edtulo, as\u00ed como el campo de texto. En otras palabras, todo el texto que ingrese en estos campos aparecer\u00e1 en la p\u00e1gina misma.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3515e8eb5.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3515e8eb5.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>A continuaci\u00f3n, notar\u00e1 la presencia de <strong>algunas opciones adicionales<\/strong>, como cambiar el texto y el color de fondo, si desea que su fondo sea una imagen o simplemente un color, si desea ocultar el t\u00edtulo 404 y m\u00e1s.<\/p>\n<p>Tambi\u00e9n nos gustar\u00eda mencionar la opci\u00f3n Volver al texto de inicio. Si termina eliminando el texto de este campo, el enlace que conduce a la p\u00e1gina de inicio no aparecer\u00e1 en la p\u00e1gina 404.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e35182910b.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e35182910b.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>En la esquina derecha de la pantalla, justo debajo del bot\u00f3n Publicar, tiene una opci\u00f3n que <strong>le permite agregar su propia imagen de fondo<\/strong>. Esta configuraci\u00f3n se activa tan pronto como publica la p\u00e1gina.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351adcfef.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351adcfef.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Tambi\u00e9n hemos personalizado nuestra propia p\u00e1gina de error 404 con este complemento. Puedes ver c\u00f3mo se ve en la imagen de abajo.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351e7c190.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e351e7c190.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Si est\u00e1 interesado, tambi\u00e9n hay una <strong>versi\u00f3n premium del complemento que contiene algunas opciones adicionales<\/strong>, como la capacidad de agregar un logotipo o men\u00fa personalizado en su p\u00e1gina 404.<\/p>\n<h2>Uso de una p\u00e1gina 404: su complemento inteligente personalizado de p\u00e1gina de error 404<\/h2>\n<p>Si desea poder agregar m\u00e1s elementos en su p\u00e1gina que a su vez la har\u00e1n m\u00e1s personalizada y \u00fanica, entonces <a href=\"https:\/\/wordpress.org\/plugins\/404page\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">la p\u00e1gina 404: su complemento de p\u00e1gina de error 404 personalizado inteligente<\/a> puede ser una soluci\u00f3n perfecta para usted.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3521bf3f7.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3521bf3f7.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Este complemento funciona de tal manera que <strong>permite construir una p\u00e1gina 404 como una p\u00e1gina normal<\/strong>. Luego, se llama a trav\u00e9s del complemento y se coloca como una p\u00e1gina 404.<\/p>\n<p>Despu\u00e9s de instalarlo, puede acceder a \u00e9l en Apariencia &gt; P\u00e1gina de error 404 en su Tablero:<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352558e12.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352558e12.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Desde aqu\u00ed, todo lo que necesita hacer es <strong>elegir una p\u00e1gina ya creada del men\u00fa desplegable<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3527d8c12.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e3527d8c12.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>En comparaci\u00f3n con el complemento que presentamos anteriormente, el complemento de p\u00e1gina 404 definitivamente le brinda m\u00e1s posibilidades. El primero tiene campos predefinidos en la p\u00e1gina, mientras que este le da la libertad de crear cualquier tipo de campo que desee y personalizar su p\u00e1gina completamente a su gusto.<\/p>\n<h2>Configuraci\u00f3n de una p\u00e1gina 404 personalizada sin un complemento<\/h2>\n<p>Si conoce un poco de PHP y HTML, <strong>puede modificar la p\u00e1gina 404 en el c\u00f3digo<\/strong>. Esto se puede hacer yendo a Apariencia &gt; Editor y luego buscando la Plantilla 404. Aqu\u00ed tambi\u00e9n podr\u00e1 <strong>cambiar el texto predeterminado que aparece en la p\u00e1gina de error 404<\/strong>.<\/p>\n<p><a href=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352a6cb3d.jpg\" data-rel=\"lightbox\"><img decoding=\"async\" class=\"SDStudio-light-box-enable SDStudio-editor-tools-md-imp\" src=\"https:\/\/themewp.inform.click\/wp-content\/uploads\/2022\/10\/post-285668-633e352a6cb3d.jpg\" alt=\"C\u00f3mo hacer una p\u00e1gina 404 personalizada en WordPress\"><\/a><\/p>\n<p>Le proporcionamos algunas formas que lo ayudar\u00e1n a generar f\u00e1cilmente su p\u00e1gina 404 personalizada. Lo \u00fanico que le queda por hacer es averiguar <a href=\"https:\/\/themewp.inform.click\/es\/una-pagina-404-mejores-practicas-e-inspiracion-de-diseno\/\" title=\"c\u00f3mo desea dise\u00f1ar su p\u00e1gina 404 de WordPress\">c\u00f3mo desea dise\u00f1ar su p\u00e1gina 404 de WordPress<\/a> y luego proceder a crearla.<\/p>\n<p>Una vez que personalice su p\u00e1gina de error, al menos no habr\u00e1 peligro de que la falta de personalidad que las p\u00e1ginas de error predeterminadas suelen tener apague a sus visitantes. Por lo tanto, contin\u00fae y cree su propia p\u00e1gina 404 lo antes posible, \u00a1y no olvide informarnos los resultados!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fuente de grabaci\u00f3n:  <a target=\"_blank\" rel=\"noopener nofollow\" href=\"\/\/wpklik.com\" class=\"external external_icon\">wpklik.com<\/a><\/div><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Todo el mundo se encuentra con una p\u00e1gina de error 404 en alg\u00fan momento. Hoy le mostraremos dos formas en las que puede crear una p\u00e1gina personalizada de WordPress 404.<\/p>\n","protected":false},"author":1,"featured_media":363458,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[566],"tags":[849],"class_list":["post-371548","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-conceptos-basicos-de-wordpress","tag-affiai-es"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371548","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/comments?post=371548"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/posts\/371548\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media\/363458"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/media?parent=371548"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/categories?post=371548"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/es\/wp-json\/wp\/v2\/tags?post=371548"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}