Como configurar uma página de erro 404 personalizada no WordPress
Olá, querido(a) cliente! 😊
Você já teve aquela sensação de entrar em uma página que não existe no seu site e se deparar com uma tela branca ou um erro meio assustador? Pois é… o famoso erro 404 pode deixar seu visitante confuso ou até sair do seu site sem voltar. A boa notícia é: você pode transformar esse erro em uma experiência positiva! Com uma página 404 personalizada, você mantém o estilo do seu site, ajuda o visitante a voltar à página principal e até mostra que você está por perto — com um toque de carinho. 💛 Vamos juntos, com passos simples e seguros, configurar isso no seu WordPress hospedado na GeHost?Passo 1: Acesse o painel do cPanel da GeHost
Para começar, faça login no painel do cliente da GeHost:
- Visite painel.gehost.com.br
- Insira seu usuário (geralmente é o nome do domínio) e sua senha.
Passo 2: Acesse o Gerenciador de Arquivos
Depois de logado, procure pela ferramenta “Gerenciador de Arquivos” no painel (geralmente dentro da seção “Arquivos”).
Selecione a pasta principal do seu site: public_html (essa é a raiz do seu site).
Passo 3: Localize ou crie o arquivo 404.php
Na pasta public_html, procure por um arquivo chamado 404.php. Se ele já existir, clique para editá-lo.
Se não houver, você precisará criar um novo:
- Clique no botão “Novo Arquivo” no cPanel.
- Digite o nome: 404.php.
- Clique em “Criar”.
Depois de criado, clique duas vezes no arquivo para editá-lo.
Passo 4: Escreva o código da sua página 404 personalizada
Abra o editor de texto e cole o seguinte código básico (não precisa de PHP avançado — é só para começar bem):
<!DOCTYPE html>
<html lang="pt-BR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Página não encontrada 🙈</title>
<style>
body {
font-family: 'Segoe UI', sans-serif;
background: #f7f7f7;
color: #333;
text-align: center;
padding: 60px 20px;
}
h1 {
color: #e74c3c;
font-size: 4rem;
margin-bottom: 10px;
}
p {
font-size: 1.2rem;
margin-bottom: 20px;
}
a {
color: #3498db;
text-decoration: none;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
</style>
</head>
<body>
<h1>404</h1>
<p>Ops! A página que você está procurando não existe. <br>Mas não se preocupe — é só um pequeno desvio no caminho!</p>
<p><a href="/">Voltar para a página inicial</a></p>
</body>
</html>Dica do Sensei: Você pode personalizar o texto, cor, imagem ou até adicionar um botão com link para a página de contato. Use sua criatividade! 🎨
Passo 5: Salve o arquivo
Após colar o código, clique em “Salvar Alterações” no editor.
Pronto! Agora, toda vez que alguém tentar acessar uma página que não existe no seu site, ele verá essa página personalizada — com estilo, simpatia e um caminho de volta. 🌟
Passo 6 (opcional): Teste sua página 404
Para garantir que tudo está funcionando:
- Acesse uma URL falsa no seu site, como:
seusite.com/pagina-inexistente - Se aparecer a sua página 404 personalizada, parabéns! 🎉
Curiosidade do Sensei: Muitos sites profissionais usam 404s com humor, imagens engraçadas ou até jogos simples. Quer algo mais criativo? Pode usar um tema WordPress com página 404 personalizada ou um plugin como Custom 404 (mas no nosso caso, o arquivo 404.php já faz o trabalho com elegância).
Importante: Cuidados com o arquivo 404.php
Se você usar um plugin ou tema que já tem uma página 404 personalizada, o arquivo do tema pode substituir o seu. Nesse caso, é melhor:
- Editar o arquivo 404.php dentro da pasta do seu tema (ex:
wp-content/themes/seu-tema/404.php). - Ou usar um plugin de customização de páginas (como Custom 404 Page) para não precisar mexer no código diretamente.
Se precisar de ajuda com isso, o suporte da GeHost está sempre à disposição — e você tem 30 dias grátis após a entrega para tirar dúvidas. ❤️
Conclusão
Configurar uma página 404 personalizada é um pequeno gesto que faz uma grande diferença. Você mostra que seu site está vivo, cuida da experiência do visitante e ainda pode brincar um pouco com a criatividade!
Se gostou deste guia, compartilhe com quem ama o seu site. E lembre-se: mesmo os erros podem ser aprendizados — ou até momentos de alegria! 😄
Com carinho,
Sensei da GeHost
*Grupo G e Soluções e Eventos LTDA — CNPJ: 46.647.904/0001-04*
