{"id":371697,"date":"2023-04-17T14:47:00","date_gmt":"2023-04-17T11:47:00","guid":{"rendered":"https:\/\/themewp.inform.click\/?p=371697"},"modified":"2023-04-17T14:59:24","modified_gmt":"2023-04-17T11:59:24","slug":"como-fazer-uma-pagina-404-personalizada-no-wordpress","status":"publish","type":"post","link":"https:\/\/themewp.inform.click\/pt-pt\/como-fazer-uma-pagina-404-personalizada-no-wordpress\/","title":{"rendered":"Como fazer uma p\u00e1gina 404 personalizada no WordPress"},"content":{"rendered":"\n<p>\u00c9 inevit\u00e1vel que todas as pessoas encontrem uma p\u00e1gina de erro 404 em algum momento durante o uso da Internet. E embora seja dif\u00edcil evit\u00e1-lo \u00e0s vezes, n\u00e3o o torna menos irritante quando ele realmente aparece.<\/p>\n<p>Portanto, o m\u00ednimo que voc\u00ea pode fazer por seus visitantes \u00e9 <strong>personalizar essa p\u00e1gina de erro para torn\u00e1-la mais personalizada e f\u00e1cil de usar<\/strong> quando eles a encontrarem. Mostraremos como voc\u00ea pode criar uma p\u00e1gina personalizada do WordPress 404 com a ajuda de dois plugins 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>O que \u00e9 uma p\u00e1gina de erro 404?<\/h2>\n<p>O servidor responde com um erro 404 <strong>quando n\u00e3o consegue encontrar uma determinada p\u00e1gina que o usu\u00e1rio pesquisou<\/strong>. Em outras palavras, essa p\u00e1gina ou postagem espec\u00edfica n\u00e3o existe nesse site. Essa <strong>mensagem de erro pode aparecer devido a um link quebrado ou se o usu\u00e1rio digitou o URL da p\u00e1gina incorretamente<\/strong>. Outra raz\u00e3o pela qual ele pode aparecer \u00e9 porque <strong>os mecanismos de pesquisa j\u00e1 indexaram sua p\u00e1gina antes de voc\u00ea exclu\u00ed-la<\/strong>.<\/p>\n<p>Se voc\u00ea n\u00e3o tiver certeza de como sua p\u00e1gina de erro 404 deve ser ou quais elementos ela deve incluir, confira nossos exemplos e aprenda as pr\u00e1ticas recomendadas:<\/p>\n<h2>P\u00e1gina padr\u00e3o do WordPress 404<\/h2>\n<p>Cada tema do WordPress possui um <strong>modelo 404.php integrado<\/strong> que mostra a mensagem de erro aos usu\u00e1rios. No entanto, esses modelos parecem bastante b\u00e1sicos, tanto visualmente quanto em termos de informa\u00e7\u00f5es. Normalmente, o WordPress apenas informa ao usu\u00e1rio que o recurso n\u00e3o foi encontrado em seu servidor. Mas, se pretender um toque mais personalizado a esta p\u00e1gina, aconselhamos a alter\u00e1-lo.<\/p>\n<p>Cada tema do WordPress possui um <strong>modelo 404.php integrado<\/strong> que mostra a mensagem de erro aos usu\u00e1rios. No entanto, esses modelos parecem bastante b\u00e1sicos, tanto visualmente quanto em termos de informa\u00e7\u00f5es. Normalmente, o WordPress apenas informa ao usu\u00e1rio que o recurso n\u00e3o foi encontrado em seu servidor. Mas, se pretender um toque mais personalizado a esta p\u00e1gina, aconselhamos a alter\u00e1-lo.<\/p>\n<h2>Configurando uma p\u00e1gina de erro 404 personalizada do WordPress com um plug-in<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no 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 for WordPress<\/a> \u00e9 um plugin simples e leve que permite modificar seu design com facilidade. Uma coisa boa sobre isso \u00e9 que ele <strong>n\u00e3o carrega scripts, CSS ou imagens desnecess\u00e1rios<\/strong>. Isso significa que seus visitantes n\u00e3o ter\u00e3o que esperar muito para que sua p\u00e1gina termine de carregar.<\/p>\n<p>Com o Forty Four \u2013 404 Plugin, voc\u00ea pode <strong>alterar a imagem de fundo, o esquema de cores e a apar\u00eancia do seu texto<\/strong>. A \u00fanica coisa que voc\u00ea n\u00e3o pode alterar, no entanto, \u00e9 a caixa de pesquisa, que deve permanecer nesta p\u00e1gina.<\/p>\n<p>Aqui est\u00e1 um exemplo de como sua p\u00e1gina 404 pode ficar com este plugin:<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Depois de instalar o plug-in, voc\u00ea pode encontr\u00e1-lo acessando a se\u00e7\u00e3o Apar\u00eancia &gt; 404 P\u00e1gina em seu Painel.<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Assim que voc\u00ea der uma olhada na tela do plugin, a maneira de us\u00e1-lo ficar\u00e1 clara para voc\u00ea imediatamente. Isto porque tem uma <strong>estrutura id\u00eantica \u00e0 de uma p\u00e1gina normal do WordPress<\/strong>. Ou seja, cont\u00e9m um campo para inserir o t\u00edtulo, bem como o campo de texto. Em outras palavras, todo o texto que voc\u00ea inserir nesses campos aparecer\u00e1 na pr\u00f3pria p\u00e1gina.<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Abaixo, voc\u00ea notar\u00e1 a presen\u00e7a de <strong>algumas op\u00e7\u00f5es adicionais<\/strong>, como alterar a cor do texto e do plano de fundo, se deseja que o plano de fundo seja uma imagem ou simplesmente uma cor, se deseja ocultar o t\u00edtulo 404 e muito mais.<\/p>\n<p>Tamb\u00e9m gostar\u00edamos de mencionar a op\u00e7\u00e3o Back to Home Text. Se voc\u00ea acabar excluindo o texto desse campo, o link que leva \u00e0 p\u00e1gina inicial n\u00e3o aparecer\u00e1 na 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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>No canto direito da tela, logo abaixo do bot\u00e3o Publicar, voc\u00ea tem uma op\u00e7\u00e3o que <strong>permite adicionar sua pr\u00f3pria Imagem de Fundo<\/strong>. Essa configura\u00e7\u00e3o \u00e9 ativada assim que voc\u00ea publica a 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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Tamb\u00e9m personalizamos nossa pr\u00f3pria p\u00e1gina de erro 404 com este plugin. Voc\u00ea pode ver como fica na imagem abaixo.<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Se voc\u00ea estiver interessado, tamb\u00e9m h\u00e1 uma <strong>vers\u00e3o premium do plug-in que cont\u00e9m algumas op\u00e7\u00f5es extras<\/strong>, como a capacidade de adicionar um logotipo ou menu personalizado em sua p\u00e1gina 404.<\/p>\n<h2>Usando uma p\u00e1gina 404 \u2013 seu plug-in de p\u00e1gina de erro 404 personalizado inteligente<\/h2>\n<p>Se voc\u00ea quiser adicionar mais elementos \u00e0 sua p\u00e1gina que, por sua vez, a tornar\u00e3o mais personalizada e exclusiva, a <a href=\"https:\/\/wordpress.org\/plugins\/404page\/\" target=\"_blank\" rel=\"noopener nofollow\" class=\"external external_icon\">p\u00e1gina 404 \u2013 seu plug-in de p\u00e1gina de erro 404 personalizado inteligente<\/a> pode ser uma solu\u00e7\u00e3o perfeita para voc\u00ea.<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Este plugin funciona de tal forma que <strong>permite que uma p\u00e1gina 404 seja constru\u00edda como uma p\u00e1gina normal<\/strong>. Em seguida, ele \u00e9 chamado por meio do plug-in e \u00e9 colocado como uma p\u00e1gina 404.<\/p>\n<p>Ap\u00f3s instal\u00e1-lo, voc\u00ea pode acess\u00e1-lo em Appearance &gt; 404 Error Page no seu Dashboard:<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>A partir daqui, tudo o que voc\u00ea precisa fazer \u00e9 <strong>escolher uma p\u00e1gina j\u00e1 criada no menu suspenso<\/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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Quando comparado ao plugin que apresentamos acima, o plugin de 404 p\u00e1ginas definitivamente oferece mais possibilidades. O primeiro tem campos predefinidos na p\u00e1gina, enquanto este lhe d\u00e1 a liberdade de criar qualquer tipo de campo que desejar e personalizar sua p\u00e1gina completamente ao seu gosto.<\/p>\n<h2>Configurando uma p\u00e1gina 404 personalizada sem um plug-in<\/h2>\n<p>Se voc\u00ea conhece um pouco de PHP e HTML, <strong>pode modificar a p\u00e1gina 404 no c\u00f3digo<\/strong>. Isso pode ser feito indo para Apar\u00eancia &gt; Editor e, em seguida, encontrando o Modelo 404. Aqui voc\u00ea tamb\u00e9m poder\u00e1 <strong>alterar o texto padr\u00e3o que aparece na p\u00e1gina de erro 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=\"Como fazer uma p\u00e1gina 404 personalizada no WordPress\"><\/a><\/p>\n<p>Fornecemos algumas maneiras que ajudar\u00e3o voc\u00ea a gerar facilmente sua p\u00e1gina 404 personalizada. A \u00fanica coisa que resta a voc\u00ea fazer \u00e9 descobrir <a href=\"https:\/\/themewp.inform.click\/pt-pt\/uma-pagina-404-praticas-recomendadas-e-inspiracao-de-design\/\" title=\"como deseja projetar sua p\u00e1gina 404 do WordPress\">como deseja projetar sua p\u00e1gina 404 do WordPress<\/a> e prosseguir com a cria\u00e7\u00e3o.<\/p>\n<p>Depois de personalizar sua p\u00e1gina de erro, pelo menos n\u00e3o haver\u00e1 perigo de que a falta de personalidade que as p\u00e1ginas de erro padr\u00e3o geralmente t\u00eam desative seus visitantes. Ent\u00e3o, v\u00e1 em frente e fa\u00e7a sua pr\u00f3pria p\u00e1gina 404 o mais r\u00e1pido poss\u00edvel, e n\u00e3o se esque\u00e7a de nos informar os resultados!<\/p>\n<p><div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">Fonte de grava\u00e7\u00e3o:  <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 mundo encontra uma p\u00e1gina de erro 404 em algum momento. Hoje mostraremos duas maneiras pelas quais voc\u00ea pode criar uma p\u00e1gina personalizada do 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":[573],"tags":[848],"class_list":["post-371697","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-nocoes-basicas-do-wordpress","tag-affiai-pt-pt"],"_links":{"self":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/371697","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/comments?post=371697"}],"version-history":[{"count":0,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/posts\/371697\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media\/363458"}],"wp:attachment":[{"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/media?parent=371697"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/categories?post=371697"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/themewp.inform.click\/pt-pt\/wp-json\/wp\/v2\/tags?post=371697"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}