¿Alguna vez ha visto la página de error ‘Error al establecer una conexión de base de datos’ en su sitio de WordPress?
Este mensaje puede mostrarse por varias razones, pero no es atractivo y puede confundir a sus visitantes. Además, no se dará cuenta de que su sitio web está caído hasta que lo visite y vea el mensaje.
En este artículo, le mostraremos cómo personalizar la página de error de su base de datos en WordPress. También le mostraremos cómo configurar una notificación cada vez que su sitio web se caiga debido a un error en la base de datos.
¿Qué causa el error al establecer una conexión de base de datos?
‘Error al establecer una conexión a la base de datos’ es uno de los errores más comunes de WordPress. Puede ser causado por información incorrecta de la base de datos en la configuración de WordPress, una base de datos corrupta o un servidor de base de datos que no responde.
Resolver este error puede ser complicado para los principiantes, por lo que hemos enumerado una serie de soluciones para el error en nuestra guía sobre cómo solucionar el ‘Error al establecer una conexión de base de datos’ en WordPress.
Lo último que sus visitantes quieren ver es un mensaje de error genérico que muestra WordPress. La página de error carece de detalles, no es atractiva y no contiene nada de su marca. Parece que su sitio web ha desaparecido.
Dicho esto, echemos un vistazo a cómo puede personalizar la página de error en su sitio web de WordPress para que sea más útil.
Agregar una página de error de base de datos personalizada en WordPress
Primero, debe abrir un nuevo archivo en un editor de texto como el Bloc de notas y luego pegar el siguiente contenido dentro.
<?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>
Fuente: Trucos CSS
A continuación, guarde el archivo como ‘db-error.php’. Luego, utilizando un programa FTP, debe cargar el archivo en el directorio /wp-content/ de su sitio de WordPress. Para obtener más detalles, consulte nuestra guía para principiantes sobre el uso de FTP con WordPress.
Ahora, cuando su sitio web no pueda establecer una conexión con la base de datos, verá el mensaje de error en la captura de pantalla a continuación y el título «Error de la base de datos» se mostrará en la pestaña del navegador web.
No es el mensaje de error más atractivo, pero es un paso adelante. Ahora puede cambiar el HTML y CSS de la página para que se adapte mejor a su propio sitio web.
Personalización de la página de error de la base de datos en WordPress
Ahora es el momento de personalizar la página de error de su base de datos para que se vea genial y coincida con el tema de su sitio web. También debe agregar el logotipo y el eslogan de su marca a la página.
También podría usar un poco de humor en su mensaje. Es posible que sus visitantes no puedan visitar su sitio web, pero al menos puede mantenerlos entretenidos.
Puede inspirarse en nuestra lista de los mejores ejemplos de diseño de página de error 404 de WordPress. Por ejemplo, esta página 404 de vaso vacío podría modificarse fácilmente para que sirva como una página de error de la base de datos.
Deberá cambiar ‘Error 404’ a ‘Error de base de datos’ y ‘No se puede encontrar esta página’ a ‘Este sitio web no está disponible temporalmente’. También debe eliminar el botón ‘Ir a inicio’, ya que es probable que todo su sitio web esté inactivo.
La forma más fácil de crear un diseño de página de error de base de datos personalizado es usar el complemento SeedProd. Es el creador de páginas de destino más popular con la funcionalidad de arrastrar y soltar para personalizar sus páginas de error sin editar ningún código.
Hay un versión gratuita de SeedProdpero necesitará la versión Pro para acceder a las plantillas de página de error 404 integradas.
Para obtener ideas sobre cómo usar SeedProd para crear páginas de error personalizadas, consulte nuestra guía sobre cómo mejorar su plantilla de página 404 en WordPress.
Envío de una notificación por correo electrónico para el error de la base de datos
Si su sitio web está inactivo, entonces desea recibir una notificación para que pueda hacer algo al respecto.
El fragmento de código que usamos anteriormente contiene un código que le enviará una notificación por correo electrónico cada vez que su sitio web tenga un error en la base de datos. Esa parte del código está actualmente inactiva ya que está comentada por dos 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 recibir las notificaciones, deberá eliminar las dos barras antes de la función de correo.
// 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");
También tendrás que reemplazar ‘tu@email.com’ con tu propia dirección de correo electrónico. No olvides guardar el archivo db-error.php editado y subirlo al directorio /wp-content/ de tu sitio de WordPress.
Esperamos que este tutorial lo haya ayudado a aprender cómo agregar una página de error de base de datos personalizada en WordPress.
También puede querer aprender cómo elegir el mejor alojamiento de WordPress o consultar nuestra lista de complementos imprescindibles para hacer crecer su sitio.
.