Cuando actualizamos WordPress, plugins o temas, el sistema entra en un modo de mantenimiento automático. Durante unos segundos (o minutos, si algo falla), los visitantes ven un mensaje poco atractivo:
No es precisamente la mejor carta de presentación para tu web, ¿verdad? 😅
La buena noticia es que WordPress permite reemplazar ese mensaje por una página totalmente personalizada, con tu logo, tus colores y un texto más amigable para tus usuarios.
Entonces, si alguna vez te has preguntado ¿Cómo crear una página de mantenimiento personalizada en WordPress?. En este artículo te muestro cómo hacerlo paso a paso.
1. ¿Cómo funciona el modo mantenimiento en WordPress?
- Cada vez que actualizas algo, WordPress crea un archivo oculto llamado
.maintenanceen la raíz de tu instalación. - Mientras ese archivo exista, el sitio se considera “en mantenimiento”.
- WordPress muestra un mensaje por defecto… a menos que exista un archivo especial llamado
maintenance.phpdentro de la carpeta/wp-content/.
👉 Ese archivo es nuestra oportunidad para mostrar un diseño propio.
2. Crear tu propia página de mantenimiento
Dentro de /wp-content/ crea un archivo llamado maintenance.php y pega un código como este:
<?php
// Archivo: wp-content/maintenance.php
?>
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi sitio - En mantenimiento</title>
<style>
body {
background: #0d0d0d;
color: #fff;
font-family: 'Segoe UI', sans-serif;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
height: 100vh;
margin: 0;
text-align: center;
}
img { max-width: 200px; margin-bottom: 20px; }
h1 { color: #ffcc00; margin-bottom: 10px; }
p { color: #ddd; }
.loader {
margin-top: 20px;
border: 6px solid #333;
border-top: 6px solid #ffcc00;
border-radius: 50%;
width: 50px; height: 50px;
animation: spin 1s linear infinite;
}
@keyframes spin { 0%{transform:rotate(0)} 100%{transform:rotate(360deg)} }
</style>
</head>
<body>
<img src="https://tusitio.com/logo.png" alt="Logo">
<h1>Estamos en mantenimiento programado</h1>
<p>Pronto volverás a acceder con una experiencia aún mejor 🚀</p>
<div class="loader"></div>
</body>
</html>
Puedes cambiar:
- El logo por el de tu marca.
- Los colores para que encajen con tu identidad visual.
- El mensaje para que suene más cercano y profesional.
3. Cómo probar tu página personalizada
Si quieres comprobar que funciona sin esperar a una actualización:
- Ve a la raíz de tu WordPress.
- Crea un archivo llamado
.maintenancecon este contenido:
<?php $upgrading = time(); ?>
- Abre tu sitio en el navegador → deberías ver tu diseño en lugar del mensaje genérico.
- Cuando termines la prueba, elimina el archivo
.maintenance.
4. Ventajas de usar tu propia página de mantenimiento
- Refuerzas tu marca en lugar de mostrar un mensaje genérico.
- Informas a los visitantes de forma más clara y amigable.
- Incluso puedes añadir un toque de humor, estilo gamer, corporativo o minimalista, según tu proyecto.
- Es un detalle que transmite profesionalismo y confianza.
Conclusión
Personalizar la página de mantenimiento en WordPress es muy sencillo: basta con crear un archivo maintenance.php dentro de /wp-content/.
Así, cada vez que tu web entre en modo mantenimiento, los usuarios verán una página coherente con tu marca en lugar de un mensaje frío y técnico.
Un detalle pequeño, pero que marca la diferencia. 🚀
