1 Followers
26 Following
noodlestore32

noodlestore32

SPOILER ALERT!

Cómo poner Wordpress en modo mantenimiento con Maintenance

Cuando tenemos en psique un proyecto, prácticamente cualquiera de nosotros deseamos que se sepa de él lo menos posible hasta que todo esté a punto, tal y como nos gustaría.


A la hora de crear un weblog profesional o bien un sitio web, esto no es una excepción.


Deseamos tener todo nuestro diseño terminado ya antes de publicar nada, para no andar mareando a la gente haciendo cambios perceptibles para cualquier persona que visite nuestra plataforma digital.


En WordPress, para ver cumplido este deseo, hay un pequeño incidente.


Te preguntarás… ¿Cual es el inconveniente?


Pues el inconveniente es que el
modo mantenimiento en WordPressno viene “de serie” al instalar este Content Management System.


Pero apacible, que el día de hoy te traigo la solución para que tu blog sólo sea perceptible para todo internet cuando te de la real gana: el
plugin Maintenance.


Índice de contenidos


Maintenance: el complemento que utilizo para establecer el modo mantenimiento en WordPress


Gracias a Maintenance, poner tu weblog en modo “En construcción” con una página atrayente y acorde a tu imagen de marca es cosa de un par de minutos.


Esto es gracias a las opciones tan intuitivas que te ofrece dicho complemento, de tal modo que cualquier usuario pueda hacerlo aunque no tenga mucha idea en estos temas técnicos.


Si eres un tanto escéptico y no me crees, veremos todo esto punto por punto.


A continuación voy a enseñarte a:



  1. Instalar el plugin Maintenance

  2. Establecer el modo mantenimiento en tu WordPresscon un sólo click de ratón.

  3. Crear tu página de mantenimiento desde tu panel de control de WordPressestableciendo unas pocas opciones súper sencillas de configurar.

¡Vamos allá!


Instalar el complemento Maintenance


Esto no tiene ningún misterio singular.


Si ya has instalado un complemento ya antes en Wordpress, el proceso es muy similar. Pero voy a explicarlo al detalle por si las moscas no es así.


Dirígete a
“Plugins – Añadir nuevo”. En el cuadro de búsqueda introduce la palabra “Maintenance”.


Una vez te aparezcan los resultados, instala el primero de ellos (es el complemento creado por fruitfulcode, el mismo que puedes encontrar y) y después activalo.



Ahora, en la barra lateral de tu panel de administración de WP, aparecerá una nueva pestaña llamada
“Mantenimiento”. Haz clic en ella para entrar a todas las opciones de configuración del complemento.


Establecer el modo perfecto mantenimiento en WordPress con un sólo clic de ratón


Una vez dentro de las opciones de Maintenance, verás una pantalla similar a esta:




Echa un ojo a la primera de ellas que aparece, la que te he marcado en la imagen precedente con un recuadro rojo.


Este botón / deslizador tan simpático es el que pondrá tu blog en modo mantenimiento con tan sólo pulsarlo y dejarlo plan social media y community manager . Sabrás que es así cuando dicho botón se halle en color verde y muestre la palabra
“ON”(Encendido).


Ya ves que cuando te afirmé que ibas a poder poner tu blog en modo mantenimiento con un sólo click de ratón no bromeaba en lo más mínimo. Más fácil imposible.


Peeero… aún hay una cosita a corregir.


Supongo que no querrás mostrar la página de mantenimiento por defecto que trae el plugin con esas montañas de fondo o bien esos textos y también imágenes tan poco personalizados, ¿me confundo?


No problem, my friend. Vamos a ver todas las opciones de diseño y configuración que puedes controlar desde Maintenance para crear la página de mantenimiento de tus sueños. 😉


Cómo crear y diseñar tu página de mantenimiento adaptada con el plugin Maintenance


Las opciones que Maintenance nos ofrece para hacer esta labor están divididas en 3 grupos:



  1. Ajustes,los cuáles sirven para modificar a tu antojo unas fáciles opciones de personalización de tu página de mantenimiento.

  2. CSS adaptado,para poder crear tus propios estilos en el diseño si así lo deseas (siempre que tus conocimientos en este lenguaje te lo dejen).

  3. Excluir páginas de modo mantenimiento,para permitir que determinadas páginas o bien entradas prosigan siendo perceptibles aunque el modo perfecto mantenimiento esté activo.

Vistos de forma general estos tres conjuntos, es hora de ver las opciones al detalle de cada uno de ellos de ellos para que no se te escape nada y puedas crear tu página de mantenimiento a voluntad.


Ajustes



Título de la página


Hace referencia al título que se mostrará en la ventana del navegador.


Te recomiendo que, si estás rediseñando el weblog o bien efectuando una labor de mantenimiento puntual, aquí pongas exactamente el mismo título de página que tienes en tu página de inicio.


¿Por qué? Pues así no estarás haciendo modificaciones en uno de los puntos esenciales de tu, eludiendo así cambiar dicho título en los resultados de búsqueda de tu weblog si la tarea se prolonga un poco en el tiempo.



Cabecera


Es el texto que aparecerá en un tamaño mayor como encabezado en tu página de mantenimiento.


En mi caso, por ejemplo aquí tengo puesto un título bien grande que pone “Estoy efectuando labores de rediseño y/o mantenimiento…” a fin de que desde el primer golpe de vista se vea claro lo que quiero que el visitante sepa enseguida: que el blog no está activo.



Descripción


Aquí puedes introducir todo el texto o bien contenido que se te antoje utilizando un editor exactamente igual que el nativo de WordPress.


Apuntar que
aunque tengas instalado
,
u otro editor visual, no podrás crear esta página con ellos desde aquí.


En realidad, personalmente tampoco lo considero muy necesario, en tanto que en esta clase de páginas tampoco se marcha a maquetar nada del otro mundo, además de dar información.


Por ejemplo, yo únicamente tengo puesto un breve texto que dice
“Volverá a estar libre muy pronto”.



Lo que sí podrás utilizar sin inconvenientes son shortcodes generados por otros pluginsque tienes instalados, lo que es una buena ayuda si, por ejemplo, quieres meter un formulario de suscripción depara que las altas en tu newsletter no paren incluso si bien tú estés trabajando en el mantenimiento de tu weblog.



Texto de pie de página


El nombre de la opción es bastante gráfico en esta ocasión: únicamente sirve para establecer lo que quieras poner en el pie de la página de mantenimiento (lo pero normal es que sea el copyright sencillamente de exactamente la misma o bien, como mucho, los textos legales del weblog).



Establecer anchura del logo


Aquí puedes indicar el tamaño en píxeles que ocupará el ancho de tu logotipo, algo muy útil si subes una imagen, por ejemplo, más grande de lo que deseas poner este logo en tu página.


Si lo dejas en blanco, Maintenance pondrá la imagen con su ancho por defecto (esto es, con el tamaño real de la imagen).



Ajuste de la altura del logotipo


Exactamente lo mismo que la opción precedente, pero en esta ocasión para ajustar la altura a un número de píxeles determinado con independencia del tamaño real que tenga la imagen.



Logo


Desde aquí, pulsando en el botón “Subir Logo”, puedes cargar desde tu computador la imagen con el logotipo que deseas poner en la página de mantenimiento. De exactamente la misma manera, si ya la habías subido previamente, puedes elegirla en la biblioteca de medios de WP.



Retina Logo


Similar a la opción anterior, pero en esta ocasión para cargar un logo del tipo retina.


Por si no sabes lo que es, el logo de retina es un logotipo amoldado en resolución, peso y tamaño a los diferentes dispositivos móviles, con la idea de que su carga sea más rápida, su visualización mejor y se consuma menos gasto de datos en ellos.



Imagen de fondo


En este punto puedes establecer una imagen de fondo para la página de mantenimiento.



Te recomiendo que la imagen sea como mínimo de unos 1920pxpara que en monitores más grandes y con una resolución mayor no se vea esta imagen cortada, dejando espacios en blanco a los lados.


¡Ah! Y por favor… quita esa imagen de las montañas que trae Maintenance por defecto que, a mi modo de ver, no favorece nada de nada y deja tu texto bastante ilegible. 😉



Color de fondo


Si en vez de una imagen, prefieres que en el modo perfecto mantenimiento se muestre un color de fondo plano, esta opción te ayudará a conseguirlo.


¡Eso sí! No olvides borrar cualquier imagen de fondo que tengas en la opción anterior para que se vea. En caso contrario, esta siempre y en toda circunstancia se superpondrá al color.



Color de la fuente


Aquí puedes establecer el color de la tipografía que vas a utilizar tanto en el encabezado como en los textos de tu página de mantenimiento.


No vas a tener límites de ningún tipo en este sentido, por el hecho de que
puedes seleccionar cualquier color que se encuentre dentro del código hexadecimal.😉



Familia de la fuente


Opción que te permitirá seleccionar el género de letra en la que quieres que se muestren tus textos. Tienes a tu disposición todas y cada una de las tipografías de.



Subconjuntos


Sirve para establecer que puedan emplearse caracteres singulares siguiendo los estándares existentes hoy día.


Por ejemplo, imagina que tus textos son para una web griega. Su alfabeto no es igual al occidental (o bien universal) y, por consiguiente, para escribir con estos caracteres singulares deberías establecer esta opción en “Greek”.



Mostrar barra de admin


Si marcas la casilla de esta opción, puedes tener la barra de administración de Wordpress como visible en tu página de mantenimiento.


Naturalmente, se mostrará únicamente si el visitante es un usuario logueado en tu WordPress (nunca a un usuario normal).



503


Marcando esta casilla puedes apuntarle a Google Analytics que el servicio (tu blog) no está libre en la actualidad. Así, esta herramienta dejará de compilar estadísticas de tu sitio.



ID Google Analytics


Si no has marcado la opción anterior, Analytics podrá seguir recopilando datos de esta página de mantenimiento siempre que introduzcas aquí la ID de tu cuenta.



Aplicar desenfoque de fondo


Tal y como describe realmente bien el título de esta opción, aplica un sencillo efecto de desenfoque en la imagen que hayas establecido como imagen de fondo.



Habilitar inicio de sesión frontend


Activando esta casilla, permitirás que un administrador o bien un usuario con acceso a tu panel de control de WordPress pueda loguearse de forma directa desde la página del modo mantenimiento desde la parte derecha de la misma (verás que ahí aparece el simbolo de un candado que, al pulsarlo, te deja introducir las credenciales de usuario y contraseña para acceder a WP) .


Bajo mi punto de vista,
esta opción es mejor dejarla desmarcada para evitar que usuarios malintencionados puedan procurar acceder a tu WP desde esta página de mantenimiento.Al fin y al cabo, considera que todo usuario que tenga tolerado acceder a tu WordPress sabrá con perfección la URL del backend lugar desde donde tiene que introducir su usuario y contraseña. 😉


Y hasta aquí todas las opciones libres en el conjunto de ajustes.


CSS Personalizado


Este conjunto únicamente cuenta con un cuadro de texto en el que podrás crear tu propio CSS para dar estilos más chulos y únicos a tu página de mantenimiento.



Aunque parezca una opción muy simple, lo cierto es que
gracias a ella te deja diseñar cualquier género de página de mantenimiento que se te antoje. Siempre que, claro está, conozcas este lenguaje de hojas de estilos creado en su día para supervisar el aspecto de tus páginas en código HTML.


Excluir páginas de modo de mantenimiento


Como ya te he mentado ya antes, desde aquí puedes controlar qué páginas o bien entradas de tu blog van a “saltarse” el modo perfecto mantenimiento y serán accesibles a través del navegador poniendo en él de forma directa su URL.


Para elegir una entrada del blog que deseas que sea visible, sólo tienes que pulsar en el recuadro en blanco que aparece al lado de la opción
“Entradas”y automáticamente Maintenance te mostrará todas las entradas que tienes publicadas en una lista.



Elige la entrada que desees que se muestre aun en modo mantenimiento y listo. En verdad, puedes elegir todas las que desees repitiendo el proceso que te he explicado en el párrafo anterior.


Exactamente lo mismo puedes hacer con las páginas, también con exactamente el mismo procedimiento, desde la opción
“Páginas”que se encuentra justo debajo.


Conclusión


¡Pues ya está! Si has seguido este tutorial paso a paso, llegado a este punto ya tendrás tu página de modo mantenimiento diseñada, activada y marchando.


¿Ves como no era tan difícil y que se podía hacer con tan sólo dos minutejos de tu tiempo? Si eres un poco escéptico y no te fias de mi… ¡Ay, hombre / mujer de poca fe! & diseño tiendas virtuales baleares ;



Si el plugin te ha resultado útil y consideras que puede serlo para más personas, no dudes en compartirlo en las redes sociales pulsando en los botones que encontrarás justo en la parte izquierda de tu pantalla.



Como siempre, te espero en los comentarios para seguir hablando contigo. ¡Anímate a dejarme tus impresiones diseño web en malaga un poco más abajo y proseguimos hablando de manera más personal!


Diseñador web freelance experto en el Content Management System WordPress. Ayudo a bloggers, negocios unipersonales y emprendedores digitales a crear un blog profesional atractivo cuyo diseño esté orientado a lograr conversiones. También te echo una mano a través de mi weblog escribiendo artículos, consejos, reviews o tutoriales en los que te hablo sobre temas referentes a WordPress, diseño web y blogging