Poner nuestro WordPress en Modo Mantenimiento es algo que debemos hacer mientras estamos dando los últimos toques a una web.
Bien porque realizamos el desarrollo directamente en el hosting (totalmente desaconsejado), bien porque nos faltan algunas cosas por terminar o bien porque, aún estando la web online, queremos hacer algunos cambios y no queremos que se vea la web durante este tiempo, es recomendable disponer de una herramienta que nos facilite poner nuestra web en modo mantenimiento e incluso que podamos configurar una serie de cosas.
En este tutorial vamos a ver un plugin de muchos que hay.
Es muy sencillo utilizarlo por lo que no tendréis ningún problema en manejarlo correctamente.
Instalación del plugin WP Maintenance Mode
Si, el plugin que he elegido de tantos que hay es WP Maintenance Mode.
Ya sabréis que me gustan los plugins sencillos que hagan lo que tienen que hacer y punto. Pues bien, este es sencillo e incluso nos dejará configurar unas pocas cosas que nos ayudarán a que la web se vea más profesional durante el proceso.
Sin más instalamos el plugin WP Maintenance Mode. Si no sabes cómo se instala un plugin en WordPress o tienes dudas, consulta el siguiente artículo: Cómo instalar un plugin en WordPress.
Configuración del plugin WP Maintenance Mode
Una vez instalado y activado el plugin, nos vamos a su página de configuración que podemos encontrar en Ajustes –> Modo Mantenimiento WP.
La página de configuración es la siguiente:
Vemos que tiene bastantes opciones, más de las que me gustaría a mi. No vamos a ver todas pero si comentaré las más relevantes.
Si nos fijamos en la parte superior de la página de configuración de este plugin, veremos que dispone de tres pestañas:
- General.
- Diseño.
- Módulos.
Pestaña General
Como bien dice el nombre de la pestaña, aquí vamos a tener las opciones genéricas del plugin.
Comentamos una a una las opciones que tenemos aquí:
En primer lugar tenemos lo siguiente:
Está claro, ¿Verdad?
Activamos o desactivamos el modo mantenimiento.
Según está ahora mismo la configuración del plugin, si activamos el modo mantenimiento, los visitantes verán lo siguiente:
Si nos sirve con esto, lo podemos dejar así sin más.
Si queremos algo diferente que se vea un poco más bonito, continúa leyendo este tutorial.
Por cierto, los administradores, una vez que accedan si podrán ver la página sin mantenimiento.
La siguiente opción nos permite activar o desactivar la búsqueda del robots.txt por parte de los buscadores mientras esté en mantenimiento.
A continuación podemos especificar los roles de usuario que podrán acceder al escritorio y los que podrán ver la parte frontal de la web.
Podemos especificar el modo en que se indexarán las páginas.
A continuación podemos especifica una URL a la que redireccionar a los usuarios que no tengas acceso.
La siguiente opción, como bien dice, permite activar o desactivar la vista de avisos mientras la web está en modo mantenimiento.
Esta opción puede ser interesante. Colocaría un enlace al escritorio en nuestra página de mantenimiento.
Y por último tenemos los botones de «Guardar ajustes» y «Restablecer ajustes» que no tienen secretos para nosotros/as.
Pestaña Diseño
En esta pestaña tenemos todas las opciones referentes al diseño y a al contenido de la página de mantenimiento:
En primer lugar tenemos la opción de establecer el título de la página:
El título no se refiere al texto que aparece como título en la página si al título que aparece en la pestaña del navegador. Como esto:
La siguiente opción si que nos permite modificar el título o encabezado que parece en la página de mantenimiento:
A modo de ejemplo he realizado cambios tanto en el texto como en el color del mismo como se puede observar a continuación:
La siguiente opción se refiere al texto en el que decimos a los visitantes el motivo de la puesta en mantenimiento de la web. Aquí podemos incluir un email, teléfono, etc… para que se pongan en contacto mientras la web está en modo mantenimiento.
También he hecho algún cambio para que veamos un poco el funcionamiento de esto.
Las últimas opciones de esta pestaña nos permiten cambiar el fondo.
En la última opción, «Elige un color«, pues eso, podemos elegir un color.
Pero es probable que nos interese más la primera opción porque queremos establecer una imagen de fondo. Para ello seleccionamos «Fondo predefinido» de la lista desplegable y seleccionamos una de las imágenes que nos presenta.
De momento, con los cambios que he realizado va quedando así.
No es lo más bonito del mundo pero es para que veamos que es muy sencillo realizar cambios.
Ahora pasamos a la tercera pestaña de configuración de este plugin.
Pestaña Diseño
En el apartado «Módulos» encontramos las siguientes opciones.
Aquí podemos activar el contador del tiempo que queda par que la web esté disponible.
Personalmente no es algo que me guste pero tal vez a alguien le sea casi necesario dependiendo de su situación.
Yo no lo voy a activar porque como he dicho, no me gusta nada.
En la sección «Suscribirse» que vemos a continuación podemos establecerlo para que los visitantes se puedan apuntar para que cuando el sitio esté listo, les avisemos.
El apartado de redes sociales si que puede ser interesante porque nos puede interesar ir moviéndolas mientras no tengamos nuestra web lista.
Lo activamos, escogemos si queremos que se abra en una ventana nueva o no y rellenamos lar URLs de las redes sociales que nos interese, como muestro en la siguiente captura de pantalla:
En la sección Contacto podemos habilitar para que se muestre la información de contacto.
Yo no lo voy a habilitar en este caso porque ya puse el email de contacto en el texto.
Y por último, si queremos usar Google Analytics.
Guardamos y listo!
Con los cambios que he realizado, a mi me queda así:
Espero que a vosotros/as os quede mejor que a mi. Esto es sólo un ejemplo
El Video Tutorial
A continuación os dejo un video tutorial sobre esto:
Conclusión
Hemos instalado el plugin WP Maintenance Mode para poner en modo mantenimiento nuestra web.
Hemos visto las diferentes opciones que tenemos con este plugin para dejarlo más o menos bonito y profesional.
Como ya he comentado, hay muchos plugins que hacen esto y si os gusta otro más que este, podéis utilizarlo igualmente.
Como siempre, os animo a que me mandéis un mensaje a través del formulario de esta web con vuestras dudas, peticiones, impresiones, etc…
Espero que os sea de utilidad y nos vemos en el siguiente.
Saludos.
Autor: Oscar Abad Folgueira
Programador y desarrollador WordPress.
Cordial Saludo
Gracias por la información.
Quisiera preguntarle cómo puedo ubicar los botones de redes sociales de acuerdo a mi preferencia; acabo de crear el de facebook y el botón sale automáticamente en el centro de la imagen…
Gracias de antemano.
Saludos