¿Alguna vez has visto la página de error 'Error al establecer una conexión con la base de datos' en tu sitio de WordPress? Este mensaje de error puede mostrarse por varias razones, pero puede confundir a los visitantes y hacer que tu sitio web parezca roto, costándote credibilidad y tráfico.
En WPBeginner, hemos descubierto que la mejor manera de resolver esto es creando una página de error de base de datos personalizada. Presenta una imagen más profesional y alineada con tu marca a tus usuarios, asegurándoles que estás al tanto del problema.
Además, brinda la oportunidad de ofrecer recursos útiles o formas alternativas de acceder a tu contenido mientras se resuelve el problema.
En este artículo, te mostraremos cómo personalizar tu página de error de base de datos en WordPress.
Otro problema con este error es que no te darás cuenta de que tu sitio web está caído hasta que lo visites y veas el mensaje. Por lo tanto, también te mostraremos cómo configurar una notificación cada vez que tu sitio web se caiga debido a un error de base de datos.
¿Qué causa el error al establecer una conexión con la base de datos?
'Error al establecer una conexión con 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 tu configuración de WordPress, una base de datos corrupta o un servidor de base de datos no responsivo.
Resolver este error puede ser complicado para los principiantes, por lo que hemos enumerado una serie de soluciones al error en nuestra guía sobre cómo solucionar el 'Error al establecer una conexión con la base de datos' en WordPress.
Lo último que tus visitantes quieren ver es un mensaje de error genérico mostrado por WordPress. La página de error carece de detalles, es poco atractiva y no contiene ninguna de tus marcas. Simplemente parece que tu sitio web ha desaparecido.
Dicho esto, veamos cómo puedes personalizar la página de error en tu sitio web de WordPress para hacerla más útil.
Agregar una página de error de base de datos personalizada en WordPress
Primero, necesitas 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: CSS Tricks
A continuación, guarda el archivo como 'db-error.php'. Luego, usando un programa FTP, necesitas subir el archivo al directorio /wp-content/ de tu sitio de WordPress. Para más detalles, consulta nuestra guía para principiantes sobre el uso de FTP con WordPress.
Ahora, cuando tu sitio web no pueda establecer una conexión con la base de datos, verás el mensaje de error en la captura de pantalla a continuación, y el título "Error de 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 puedes cambiar el HTML y CSS de la página para que se adapte mejor a tu propio sitio web.
Personalizar la página de error de base de datos en WordPress
Ahora es el momento de personalizar tu página de error de base de datos para que se vea genial y coincida con el tema de tu sitio web. También deberías añadir el logo de tu marca y tu eslogan a la página.
También podrías usar un poco de humor en tu mensaje. Tus visitantes tal vez no puedan visitar tu sitio web, pero al menos puedes mantenerlos entretenidos.
Puedes inspirarte en nuestra lista de los mejores ejemplos de diseño de páginas de error 404 de WordPress. Por ejemplo, esta página 404 de Empty Cup podría modificarse fácilmente para servir como página de error de base de datos.
Necesitarías cambiar 'Error 404' por 'Error de base de datos' y 'Esta página no se puede encontrar' por 'Este sitio web no está disponible temporalmente'. También deberías eliminar el botón 'Ir a inicio' ya que es probable que todo tu sitio web esté caído.
La forma más fácil de crear un diseño de página de error de base de datos personalizado es usar el plugin SeedProd. Es el constructor de páginas de destino más popular con funcionalidad de arrastrar y soltar para personalizar tus páginas de error sin editar ningún código.
Viene con más de 300 plantillas diseñadas profesionalmente, incluidas muchas plantillas diferentes de páginas de error 404 que puedes usar para tu página de error de base de datos personalizada.
Existe una versión gratuita de SeedProd, pero necesitarás 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, consulta nuestra guía sobre cómo mejorar tu plantilla de página 404 en WordPress.
Envío de una notificación por correo electrónico para el error de base de datos
Si tu sitio web está caído, querrás que te notifiquen para que puedas hacer algo al respecto.
El fragmento de código que usamos anteriormente contiene código que te enviará una notificación por correo electrónico cada vez que tu sitio web tenga un error de base de datos. Esa parte del código está actualmente inactiva, ya que está comentada con dos barras diagonales.
// 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ás eliminar las dos barras diagonales 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 ‘your@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 te haya ayudado a aprender cómo agregar una página de error de base de datos personalizada en WordPress. También podrías querer aprender sobre problemas comunes del editor de bloques de WordPress y cómo solucionarlos, o consultar nuestra lista de plugins esenciales de WordPress para hacer crecer tu sitio.
Si te gustó este artículo, suscríbete a nuestro canal de YouTube para obtener tutoriales en video de WordPress. También puedes encontrarnos en Twitter y Facebook.
Jiří Vaněk
Ocasionalmente experimentamos interrupciones del servidor MySQL en nuestro sitio web, y se veía muy poco profesional cuando WordPress mostraba el mensaje de error predeterminado. Esta es una gran solución para cuando el servidor MySQL vuelva a fallar. Puedo estilizar la página en HTML para que coincida con los colores del sitio web y convertir el error clásico en algo que parezca modo de mantenimiento. Espero que hayamos solucionado el problema del servidor MySQL, pero si no es así, este artículo me ha inspirado sobre cómo manejarlo de manera más profesional para que no parezca que algo está roto. Esto es genial.
Shyam Chathuranga
Gracias por este artículo. Lo estoy usando con otro fragmento de código para rastrear cuántas veces los visitantes de mi sitio ven este tipo de Errores de DB y Errores Fatales de PHP a través de Google Analytics. Para cualquiera que se pregunte cómo pueden crear una página personalizada de Error Fatal de PHP, simplemente copien y peguen el db-error.php y renombrenlo a php-error.php.
Noté que mis herramientas de monitoreo del sitio a veces no me alertan sobre estos errores, tal vez debido al caché de la página. También habilité las alertas por correo electrónico del código que proporcionaron. ¡Funciona muy bien!
¡Muchas gracias!
Shyam
Soporte de WPBeginner
¡Gracias por compartir y nos alegra que nuestro artículo haya sido útil!
Administrador
Kensley
Este tutorial llegó justo cuando lo necesitaba, y es una de las cosas que realmente podemos hacer a nivel de archivo cuando intentar acceder al panel de control de WP es imposible.
¡Muy apreciado!
Arlen Nagata
Ahora, ¿hay alguna acción para poner esto en la carpeta de tu tema?
David
Sabes, nunca pensé en personalizar esa página. Es una buena idea porque si un visitante se la encuentra, al menos encajará con el tema de tu sitio y, aunque no puedan ver ninguna información, tal vez puedan entretenerse.
El correo electrónico parece una buena idea porque podría ayudar a medir con qué frecuencia los visitantes podrían encontrar ese error. Si sucede mucho, entonces Houston, tenemos un problema.
Mi única pregunta vuelve al correo electrónico. Si un usuario llega a esa página, recibo un correo electrónico. ¿Recibiré otro correo electrónico si ese usuario recarga la página? Digamos que el visitante llega, recarga en 10 segundos y continúa. No quiero que me envíen spam. Además, ¿está el correo electrónico oculto en el código fuente?