Comment ajouter une page d'erreur de base de données personnalisée dans WordPress


Avez-vous déjà vu la page d’erreur « Erreur lors de l’établissement d’une connexion à la base de données » sur votre site WordPress ?

Ce message peut s’afficher pour diverses raisons, mais il est peu attrayant et peut dérouter vos visiteurs. De plus, vous ne réaliserez pas que votre site Web est en panne tant que vous ne l’aurez pas visité et vu le message.

Dans cet article, nous allons vous montrer comment personnaliser la page d'erreur de votre base de données dans WordPress. Nous vous montrerons également comment configurer une notification à chaque fois que votre site Web tombe en panne en raison d'une erreur de base de données.

Quelles sont les causes de l’erreur lors de l’établissement d’une connexion à la base de données ?

« Erreur lors de l’établissement d’une connexion à la base de données » est l’une des erreurs WordPress les plus courantes. Cela peut être dû à 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 qui ne répond pas.

Résoudre cette erreur peut être difficile pour les débutants, nous avons donc répertorié un certain nombre de solutions à l'erreur dans notre guide sur la façon de corriger l'« Erreur lors de l'établissement d'une 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, n’est pas attrayante et ne contient aucune marque de votre marque. On dirait simplement que votre site Web a disparu.

Cela étant dit, voyons comment vous pouvez personnaliser la page d’erreur sur votre site Web WordPress pour la rendre plus utile.

Ajout d'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 coller le contenu suivant à l’intérieur.

<?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("[email ", "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 : astuces CSS

Ensuite, enregistrez le fichier sous « db-error.php ». Ensuite, à l’aide d’un programme FTP, vous devez télécharger le fichier dans le répertoire /wp-content/ de votre site WordPress. Pour plus de détails, reportez-vous à notre guide du débutant sur l'utilisation de FTP avec WordPress.

Désormais, lorsque votre site Web ne parvient pas à établir une 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 désormais modifier le code HTML et CSS de la page pour mieux l'adapter à votre propre site Web.

Personnalisation de la page d'erreur de base de données dans WordPress

Il est maintenant temps de personnaliser la page d’erreur de votre base de données pour qu’elle soit belle et corresponde au thème de votre site Web. Vous devez également ajouter le logo et le slogan de votre marque à la page.

Vous pouvez é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 WordPress 404. Par exemple, cette page Empty Cup 404 pourrait être facilement modifiée pour servir de page d’erreur de base de données.

Vous devrez remplacer « Erreur 404 » par « Erreur de base de données » et « Cette page est introuvable » par « Ce site Web est temporairement indisponible ». Vous devez également supprimer le bouton « Go Home », car il est probable que l’ensemble de votre site Web soit en panne.

Le moyen le plus simple de créer une conception de page d’erreur de base de données personnalisée consiste à utiliser le plugin SeedProd. Il s'agit du générateur de pages de destination le plus populaire avec une fonctionnalité glisser-déposer pour personnaliser vos pages d'erreur sans modifier aucun code.

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 la façon d'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 en panne, vous souhaitez en être informé afin de pouvoir faire quelque chose.

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 présente une erreur de base de données. Cette partie du code est actuellement inactive puisqu'elle est commentée par deux barres obliques.

// If you wish to email yourself upon an error
// mail("[email ", "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("[email ", "Database Error", "There is a problem with the database!", "From: Db Error Watching");

Vous devrez également remplacer « [email » par votre propre adresse e-mail. N'oubliez pas de sauvegarder le fichier db-error.php modifié et de le télécharger dans le répertoire /wp-content/ de votre site WordPress.

Nous espérons que ce didacticiel vous a aidé à apprendre à ajouter une page d'erreur de base de données personnalisée dans WordPress.

Vous voudrez peut-être également apprendre à choisir le meilleur hébergement WordPress ou consulter notre liste de plugins indispensables pour développer votre site.

Si vous avez aimé cet article, abonnez-vous à notre chaîne YouTube pour les didacticiels vidéo WordPress. Vous pouvez également nous trouver sur Twitter et Facebook.