Wordpress Hack #4: Create A Custom Error 404 Page Wordpress Hack # 4: Criar uma página personalizada Erro 404

In this “Wordpress Hack” you’ll learn how to create a custom 404 Error page for your blog. Neste "Wordpress Hack" você vai aprender como criar uma página de erro 404 personalizada para o seu blog. It’s helps your visitors find what they need, and also helps you not lose visitors! It's ajuda os visitantes a encontrar o que eles precisam, e também ajuda a não perder visitantes!

The Wordpress “Hack-A-Thon” continues in our “ O Wordpress "Hack-A-Thon" continua no nosso " 30 Wordpress Hacks in 30 Days Series 30 Wordpress Hacks Series em 30 Dias ” to help you get control of your blog! "Para ajudá-lo a obter o controle do seu blog!

One page you probably don’t look at very often (if ever) is your 404 Error page. Uma página que você provavelmente não olha com muita frequência (se alguma vez) é a sua página de erro 404. What is a 404 error? O que é um erro 404? It’s when someone tries to visit something on your web site and it isn’t there - the webserver displays an error page. É quando alguém tenta visitar alguma coisa em seu web site e ele não está lá - o servidor exibe uma página de erro. Normally the page is white with plain black text with a short message about “the page you’re looking for cannot be found”. Normalmente a página é branco liso preto com texto com uma breve mensagem sobre "a página que você está procurando não pode ser encontrado". Wordpress displays a custom 404 page based on the template file “404.php” contained within your theme directory, but by default most themes don’t have much more than “Error 404 Not Found”. Wordpress exibe uma página personalizada com base em 404 o arquivo modelo "404.php" contido dentro do seu diretório tema, mas, por padrão mais temas não têm muito mais do que "Erro 404 Not Found".

Currently my 404 error page is pretty useless showing just a heading “Error 404 Not found” and a white blank screen inside my wordpress template. Atualmente minha página de erro 404 é bastante inútil mostrando apenas uma posição "Erro 404 não encontrado" e uma tela em branco branco dentro da minha wordpress modelo. I’m going to fix that as I write this hack for you. Estou indo para consertar isso que eu escrevo esse truque para você. What causes these 404 errors? O que causa estes erros 404? It only happens 2 ways, either somebody types or pastes in a bad address in the URL field of the browser, or somebody clicks on a bad link (on your site or from another site). Só acontece 2 maneiras, quer alguém tipos ou pastas em um mau endereço no campo URL do navegador, ou alguém clica em um link com defeito (no seu site ou de outro site). When Wordpess can’t find the page or content it displays a page using the 404.php error. Wordpess quando não consegue localizar a página ou o conteúdo que exibe uma página com o erro 404.php. This would be a good time to mention the Esta seria uma boa ocasião para referir o 404 Notifier Wordpress Plugin 404 notificador Wordpress plugin that will email you every time someone gets a 404 error on your site. e-mail para você que cada vez que alguém recebe um erro 404 em seu site. It’s an important gauge of whether people are having issues with your content (being found) or not. É um importante medidor de saber se as pessoas estão tendo problemas com seu conteúdo (sendo encontrado) ou não.

A good place to start would be the Um bom lugar para começar seria o Wordpress Codex page on Creating an Error 404 Page Wordpress Codex sobre "Criar uma página de erro 404 Página . The first thing it says is that you want to remove the ugly error and replace it with something that will help visitors find their way. A primeira coisa que diz é que você queira remover o erro feio e substituí-la com algo que vai ajudar a encontrar o caminho visitantes. I couldn’t have said it better myself. Eu não poderia ter referi-lo melhor eu mesmo.

It also says that you are looking for the following text, and should modify the H2 header and add some paragraphs of text below it: Diz também que você está procurando o seguinte texto, e deverá modificar o cabeçalho H2 e adicionar alguns parágrafos do texto abaixo dela:

 <div id="content"> <h2 class="center">Error 404 - Not Found</h2> </div> 

There isn’ta lot of “codey hocus pocus” going on there, you just want to give users a friend message, some text to humor and help them, and then it’s up to your where you want to direct them next. , Não é muita "codey Hocus Pocus" a passar lá, você só quer dar aos usuários um amigo mensagem de texto para algum humor e ajudá-los e, em seguida, cabe a seus onde pretende direccionar-los próximo. Some of you may want to list your most popular posts, or maybe certain categories or pages, but in my case I want to link to only a few of those. Alguns de vocês podem querer listar os seus posts mais populares, ou talvez algumas categorias ou páginas, mas no meu caso eu quero apenas um link para alguns desses. Then I’m going to enlist the help of the Então eu estou indo se alistar a ajuda do Ask Apache Google 404 Wordpress Plugin Pergunte ao Google Apache 404 Wordpress plugin . It’s going to try and figure out (based on the URL) what it was they were trying to find, and display google results (for your site) to the user to try and help. Está indo para experimentar e descobrir (com base no URL) que era aquilo que estavam a tentar encontrar, e exibir resultados do google (do site) para o usuário no sentido de tentar ajudar. I personally would prefer this plugin to search my blog only for results, but since this is the only plugin I could find that does this - google results will have to do. Pessoalmente, preferiria que este plug-in para pesquisar meu blog apenas por resultados, mas, uma vez que este é apenas o plugin eu poderia achar que o faz - google resultados terão que fazer. Check out Confira how pimped out my 404 page looks now how pimped out agora olha a minha página 404 !

As you can see in the image above (or the link to view it directly) - we’ve come a long way baby! Como vocês podem ver na imagem acima (ou no link para visualizá-lo diretamente) - nós temos já um longo percurso baby! No more bland error page, now we get an email every time a 404 not found error is generated, and the users get a friendly message with automatic google results to try and find what they were looking for! Não há mais branda página de erro, agora ficamos com um e-mail cada vez que um erro 404 não encontrado é gerado, e os usuários obter uma simpática mensagem automática com os resultados do Google para tentar localizar o que eles estavam procurando! Like I initially said - this hack helps our visitors, and helps us “keep” our visitors on the site all at the same time! Como eu disse inicialmente - esse truque ajuda nossos visitantes, e ajuda-nos "guardar" os nossos visitantes no site todos ao mesmo tempo!

Here are some other good 404 examples to look at for inspiration: Aqui estão alguns outros bons exemplos 404 para olhar para a inspiração:

Problogger’s 404 Page Problogger's 404 Página
Smashing Magazine’s Error Pages Reloaded Smashing Magazine's erro páginas Reloaded
Web Professor’s 404 Professor da Web 404
Home Star Runner Principal estrela Runner

As always - if you have questions or something to add to make this hack even better, please comment now! Como de costume - se você tiver alguma dúvida ou alguma coisa a acrescentar esse truque para fazer ainda melhor, por favor, comente agora! Stay tuned for tomorrow’s Wordpress hack so we can keep pimpin’ out our blogs! Fique ligado para amanhã, do Wordpress hack para que possamos manter pimpin 'fora nossos blogs!

Tags: 404 error Erro 404 , blog-help blog-ajuda , tutorial , wordpress-hacks , wordpress-templates , wordpress-theme wordpress-tema