Você já viu a página de erro ‘Erro ao estabelecer uma conexão com o banco de dados’ no seu site WordPress? Esta mensagem de erro pode ser exibida por vários motivos, mas pode confundir os visitantes e fazer com que seu site pareça quebrado, custando sua credibilidade e tráfego.
Na WPBeginner, descobrimos que a melhor maneira de resolver isso é criando uma página de erro de banco de dados personalizada. Ela apresenta uma imagem mais profissional e alinhada à marca para seus usuários, tranquilizando-os de que você está ciente do problema.
Além disso, ela oferece uma oportunidade de fornecer recursos úteis ou maneiras alternativas de acessar seu conteúdo enquanto o problema está sendo resolvido.
Neste artigo, mostraremos como personalizar sua página de erro de banco de dados no WordPress.
Outro problema com este erro é que você não perceberá que seu site está fora do ar até visitá-lo e ver a mensagem. Portanto, também mostraremos como configurar uma notificação para cada vez que seu site sair do ar devido a um erro de banco de dados.
O que Causa o Erro ao Estabelecer uma Conexão com o Banco de Dados?
‘Erro ao estabelecer uma conexão com o banco de dados’ é um dos erros mais comuns do WordPress. Ele pode ser causado por informações incorretas do banco de dados nas configurações do seu WordPress, um banco de dados corrompido ou um servidor de banco de dados sem resposta.
Resolver este erro pode ser complicado para iniciantes, por isso listamos várias soluções para o erro em nosso guia sobre como corrigir o ‘Erro ao estabelecer uma conexão com o banco de dados’ no WordPress.
A última coisa que seus visitantes querem ver é uma mensagem de erro genérica exibida pelo WordPress. A página de erro carece de detalhes, é pouco atraente e não contém nenhuma de suas marcas. Parece que seu site desapareceu.
Dito isso, vamos dar uma olhada em como você pode personalizar a página de erro em seu site WordPress para torná-la mais útil.
Adicionando uma Página de Erro de Banco de Dados Personalizada no WordPress
Primeiro, você precisa abrir um novo arquivo em um editor de texto como o Bloco de Notas e colar o seguinte conteúdo dentro dele.
<?php // custom WordPress database error page
header('HTTP/1.1 503 Service Temporarily Unavailable');
header('Status: 503 Service Temporarily Unavailable');
header('Retry-After: 600'); // 1 hour = 3600 seconds
// If you wish to email yourself upon an error
// mail("your@email.com", "Database Error", "There is a problem with the database!", "From: Db Error Watching");
?>
<!DOCTYPE HTML>
<html>
<head>
<title>Database Error</title>
<style>
body { padding: 20px; background: red; color: white; font-size: 60px; }
</style>
</head>
<body>
You got problems.
</body>
</html>
Fonte: CSS Tricks
Em seguida, salve o arquivo como 'db-error.php'. Então, usando um programa FTP, você precisa fazer o upload do arquivo para o diretório /wp-content/ do seu site WordPress. Para mais detalhes, consulte nosso guia para iniciantes sobre como usar FTP com WordPress.
Agora, quando seu site não conseguir estabelecer uma conexão com o banco de dados, você verá a mensagem de erro na captura de tela abaixo, e o título "Erro de Banco de Dados" será exibido na aba do navegador da web.
Não é a mensagem de erro mais atraente, mas é um passo à frente. Agora você pode alterar o HTML e o CSS da página para melhor se adequar ao seu próprio site.
Personalizando a Página de Erro de Banco de Dados no WordPress
Agora é hora de personalizar sua página de erro de banco de dados para que ela fique ótima e combine com o tema do seu site. Você também deve adicionar o logotipo da sua marca e slogan à página.
Você também pode usar um pouco de humor em sua mensagem. Seus visitantes podem não conseguir visitar seu site, mas você pode pelo menos mantê-los entretidos.
Você pode se inspirar em nossa lista de os melhores exemplos de design de página de erro 404 do WordPress. Por exemplo, esta página 404 Empty Cup poderia ser facilmente modificada para servir como uma página de erro de banco de dados.
Você precisaria mudar 'Erro 404' para 'Erro de Banco de Dados' e 'Esta página não pode ser encontrada' para 'Este site está temporariamente indisponível'. Você também deve remover o botão 'Ir para a página inicial', pois é provável que todo o seu site esteja fora do ar.
A maneira mais fácil de criar um design personalizado para a página de erro do banco de dados é usar o plugin SeedProd. É o construtor de páginas de destino mais popular com funcionalidade de arrastar e soltar para personalizar suas páginas de erro sem editar nenhum código.
Ele vem com mais de 300 modelos projetados profissionalmente, incluindo muitos modelos diferentes de página de erro 404 que você pode usar como sua página de erro de banco de dados personalizada.
Existe uma versão gratuita do SeedProd, mas você precisará da versão Pro para acessar os modelos de página de erro 404 integrados.
Para ter ideias de como usar o SeedProd para criar páginas de erro personalizadas, confira nosso guia sobre como melhorar seu modelo de página 404 no WordPress.
Envio de uma Notificação por E-mail para o Erro do Banco de Dados
Se o seu site estiver fora do ar, você desejará ser notificado para que possa fazer algo a respeito.
O trecho de código que usamos anteriormente contém código que enviará a você uma notificação por e-mail sempre que seu site tiver um erro de banco de dados. Essa parte do código está atualmente inativa, pois está comentada por duas barras.
// If you wish to email yourself upon an error
// mail("your@email.com", "Database Error", "There is a problem with the database!", "From: Db Error Watching");
Para receber as notificações, você precisará remover as duas barras antes da função de e-mail.
// If you wish to email yourself upon an error
mail("your@email.com", "Database Error", "There is a problem with the database!", "From: Db Error Watching");
Você também terá que substituir ‘seu@email.com’ pelo seu próprio endereço de e-mail. Não se esqueça de salvar o arquivo db-error.php editado e carregá-lo no diretório /wp-content/ do seu site WordPress.
Esperamos que este tutorial tenha ajudado você a aprender como adicionar uma página de erro de banco de dados personalizada no WordPress. Você também pode querer aprender sobre problemas comuns do editor de blocos do WordPress e como corrigi-los, ou conferir nossa lista de plugins essenciais do WordPress para expandir seu site.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Jiří Vaněk
Ocasionalmente, tivemos interrupções no servidor MySQL em nosso site, e parecia muito pouco profissional quando o WordPress exibia a mensagem de erro padrão. Esta é uma ótima solução para quando o servidor MySQL cair novamente. Posso estilizar a página em HTML para combinar com as cores do site e transformar o erro clássico em algo que se pareça com o modo de manutenção. Espero que tenhamos corrigido o problema do servidor MySQL, mas se não, este artigo me inspirou sobre como lidar com isso de forma mais profissional para que não pareça que algo está quebrado. Isso é ótimo.
Shyam Chathuranga
Obrigado por este artigo. Estou usando isso com outro trecho de código para rastrear quantas vezes os visitantes do meu site veem esses tipos de Erros de DB e Erros Fatais de PHP via Google Analytics. Para quem está se perguntando como criar uma página personalizada de Erro Fatal de PHP, basta copiar e colar o db-error.php e renomeá-lo para php-error.php.
Notei que minhas ferramentas de monitoramento de site às vezes não me alertam sobre esses erros, talvez por causa do cache da página. Também ativei os alertas por e-mail do código que vocês forneceram. Funciona muito bem!
Muito obrigado!
Shyam
WPBeginner Support
Obrigado por compartilhar e fico feliz que nosso artigo tenha sido útil!
Admin
Kensley
Este tutorial veio bem na hora que eu precisava, e é uma das coisas que podemos realmente fazer no nível do arquivo quando tentar acessar o painel do WP é impossível.
Muito apreciado!
Arlen Nagata
Agora, existe uma ação para colocar isso na pasta do seu tema?
David
Sabe, eu nunca pensei em personalizar essa página. É uma boa ideia porque, se um visitante se deparar com ela, pelo menos ela se encaixará no tema do seu site e, embora eles não possam ver nenhuma informação, talvez possam se divertir.
O e-mail parece uma boa ideia porque poderia ajudar a medir com que frequência os visitantes podem encontrar esse erro. Se acontecer muito, então Houston, temos um problema.
Minha única pergunta volta para o e-mail. Se um usuário acessar essa página, receberei um e-mail. Receberei outro e-mail se esse usuário recarregar a página? Digamos que o visitante acesse, recarregue em 10 segundos e continue. Não quero ser bombardeado. Além disso, o e-mail está oculto no código-fonte?