Avez-vous déjà vu la page d'erreur « Erreur lors de l'établissement de la connexion à la base de données » sur votre site WordPress ? Ce message d'erreur peut s'afficher pour diverses raisons, mais il peut dérouter les visiteurs et donner l'impression que votre site Web est cassé, vous coûtant ainsi crédibilité et trafic.
Chez WPBeginner, nous avons constaté que la meilleure façon de résoudre ce problème est de créer une page d'erreur de base de données personnalisée. Elle présente une image plus professionnelle et conforme à votre marque à vos utilisateurs, les rassurant sur le fait que vous êtes conscient du problème.
De plus, elle offre l'opportunité de proposer des ressources utiles ou des moyens alternatifs d'accéder à votre contenu pendant que le problème est résolu.
Dans cet article, nous vous montrerons comment personnaliser votre page d'erreur de base de données dans WordPress.
Un autre problème avec cette erreur est que vous ne réaliserez pas que votre site Web est hors service avant de le visiter et de voir le message. Nous vous montrerons donc également comment configurer une notification chaque fois que votre site Web tombe en panne en raison d'une erreur de base de données.
Qu'est-ce qui cause l'erreur lors de l'établissement de la connexion à la base de données ?
« Erreur lors de l'établissement de la connexion à la base de données » est l'une des erreurs WordPress les plus courantes. Elle peut être causée par des informations de base de données incorrectes dans vos paramètres WordPress, une base de données corrompue ou un serveur de base de données non réactif.
Résoudre cette erreur peut être délicat pour les débutants, nous avons donc listé un certain nombre de solutions à l'erreur dans notre guide sur comment corriger l'erreur « Erreur lors de l'établissement de la connexion à la base de données » dans WordPress.
La dernière chose que vos visiteurs veulent voir est un message d'erreur générique affiché par WordPress. La page d'erreur manque de détails, est peu attrayante et ne contient aucun de vos éléments de marque. Elle donne simplement l'impression que votre site web a disparu.
Cela étant dit, examinons comment vous pouvez personnaliser la page d'erreur sur votre site web WordPress pour la rendre plus utile.
Ajouter une page d'erreur de base de données personnalisée dans WordPress
Tout d'abord, vous devez ouvrir un nouveau fichier dans un éditeur de texte tel que le Bloc-notes, puis y coller le contenu suivant.
<?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>
Source : CSS Tricks
Ensuite, enregistrez le fichier sous le nom « db-error.php ». Puis, à l'aide d'un programme FTP, vous devez téléverser le fichier dans le répertoire /wp-content/ de votre site WordPress. Pour plus de détails, consultez notre guide pour débutants sur l'utilisation de FTP avec WordPress.
Désormais, lorsque votre site web ne pourra pas établir de connexion à la base de données, vous verrez le message d'erreur dans la capture d'écran ci-dessous, et le titre « Erreur de base de données » s'affichera dans l'onglet du navigateur web.
Ce n'est pas le message d'erreur le plus attrayant, mais c'est un pas en avant. Vous pouvez maintenant modifier le HTML de la page et le CSS pour mieux correspondre à votre propre site web.
Personnalisation de la page d'erreur de base de données dans WordPress
Il est maintenant temps de personnaliser votre page d'erreur de base de données pour qu'elle soit superbe et corresponde au thème de votre site Web. Vous devriez également ajouter votre logo de marque et votre slogan à la page.
Vous pourriez également utiliser un peu d'humour dans votre message. Vos visiteurs ne pourront peut-être pas visiter votre site Web, mais vous pouvez au moins les divertir.
Vous pouvez vous inspirer de notre liste des meilleurs exemples de conception de pages d'erreur 404 WordPress. Par exemple, cette page 404 Empty Cup pourrait être facilement modifiée pour servir de page d'erreur de base de données.
Vous devrez changer « Erreur 404 » en « Erreur de base de données » et « Cette page est introuvable » en « Ce site Web est temporairement indisponible ». Vous devriez également supprimer le bouton « Aller à l'accueil » car il est probable que l'ensemble de votre site Web soit hors service.
La façon la plus simple de créer un design de page d'erreur de base de données personnalisé est d'utiliser le plugin SeedProd. C'est le constructeur de pages de destination le plus populaire avec une fonctionnalité de glisser-déposer pour personnaliser vos pages d'erreur sans modifier aucun code.
Il est livré avec plus de 300 modèles conçus par des professionnels, y compris de nombreux modèles de page d'erreur 404 différents que vous pouvez utiliser pour votre page d'erreur de base de données personnalisée.
Il existe une version gratuite de SeedProd, mais vous aurez besoin de la version Pro pour accéder aux modèles de page d'erreur 404 intégrés.
Pour des idées sur la façon d'utiliser SeedProd pour créer des pages d'erreur personnalisées, consultez notre guide sur comment améliorer votre modèle de page 404 dans WordPress.
Envoi d'une notification par e-mail pour l'erreur de base de données
Si votre site Web est hors service, vous souhaitez être informé afin de pouvoir y remédier.
L'extrait de code que nous avons utilisé précédemment contient du code qui vous enverra une notification par e-mail chaque fois que votre site Web rencontre une erreur de base de données. Cette partie du code est actuellement inactive, car elle est commentée par deux barres obliques.
// 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");
Pour recevoir les notifications, vous devrez supprimer les deux barres obliques avant la fonction 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");
Vous devrez également remplacer « votre@email.com » par votre propre adresse e-mail. N'oubliez pas d'enregistrer le fichier db-error.php modifié et de le téléverser dans le répertoire /wp-content/ de votre site WordPress.
Nous espérons que ce tutoriel vous a aidé à apprendre comment ajouter une page d'erreur de base de données personnalisée dans WordPress. Vous pourriez également vouloir en savoir plus sur les problèmes courants de l'éditeur de blocs WordPress et comment les résoudre, ou consulter notre liste de plugins WordPress indispensables pour développer votre site.
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Jiří Vaněk
Nous avons occasionnellement rencontré des pannes de serveur MySQL sur notre site Web, et cela avait l'air vraiment peu professionnel lorsque WordPress affichait le message d'erreur par défaut. C'est une excellente solution pour lorsque le serveur MySQL tombe à nouveau en panne. Je peux styliser la page en HTML pour qu'elle corresponde aux couleurs du site Web et transformer l'erreur classique en quelque chose qui ressemble à un mode de maintenance. J'espère que nous avons résolu le problème du serveur MySQL, mais sinon, cet article m'a inspiré sur la façon de le gérer plus professionnellement afin qu'il ne donne pas l'impression que quelque chose est cassé. C'est super.
Shyam Chathuranga
Merci pour cet article. Je l'utilise avec un autre morceau de code pour suivre le nombre de fois où les visiteurs de mon site voient ces types d'erreurs de base de données et d'erreurs fatales PHP via Google Analytics. Pour quiconque se demande comment créer une page d'erreur fatale PHP personnalisée, il suffit de copier-coller le fichier db-error.php et de le renommer en php-error.php.
J'ai remarqué que mes outils de surveillance de site ne m'alertent parfois pas sur ces erreurs, peut-être à cause de la mise en cache de la page. J'ai également activé les alertes par e-mail à partir du code que vous avez fourni. Ça fonctionne très bien !
Merci beaucoup !
Shyam
Support WPBeginner
Merci de partager et nous sommes heureux que notre article vous ait été utile !
Admin
Kensley
Ce tutoriel est arrivé juste au moment où j'en avais besoin, et c'est l'une des choses que nous pouvons réellement faire au niveau du fichier lorsque l'accès au tableau de bord WP est impossible.
Fortement apprécié !
Arlen Nagata
Maintenant, y a-t-il une action pour mettre cela dans le dossier de votre thème ?
David
Vous savez, je n'avais jamais pensé à personnaliser cette page. C'est une bonne idée car si un visiteur tombe dessus, cela correspondra au thème de votre site et, bien qu'il ne puisse voir aucune information, peut-être pourra-t-il être amusé.
L'e-mail semble être une bonne idée car il pourrait aider à évaluer la fréquence à laquelle les visiteurs pourraient rencontrer cette erreur. Si cela se produit souvent, alors Houston, nous avons un problème.
Ma seule question concerne l'e-mail. Si un utilisateur arrive sur cette page, je reçois un e-mail. Recevrai-je un autre e-mail si cet utilisateur recharge la page ? Disons que le visiteur arrive, recharge après 10 secondes et continue. Je ne veux pas être spammé. De plus, l'e-mail est-il caché dans le code source ?