Los sitios web están en constante necesidad de actualización y mantenimiento. El problema es que, cuando trabaja en sus sitios web, las cosas pueden fallar y no desea mostrar a sus visitantes un sitio web que no funciona. Es por esto que, a la hora de trabajar en su sitio web, se recomienda configurarlo en modo de mantenimiento.

Existen varios métodos para crear una página en modo mantenimiento, pero la forma más fácil es con Elementor, que ofrece una función de modo de mantenimiento completamente gratuita integrada, así como un " Próximamente Para nuevos sitios web. Es rápido, fácil de usar y el resultado es hermoso y hecho a medida:

configurar el modo de mantenimiento con Elementor

¿Qué es el modo de mantenimiento en WordPress?

Cuando su sitio web está configurado en modo de mantenimiento, significa que los usuarios que no sean administradores no pueden usar o ver su sitio web durante el mantenimiento o antes de que se inicie.

En cambio, estos usuarios ven la página del modo de mantenimiento o la página del modo Próximamente, informándoles que el sitio web no está disponible temporalmente.

Los administradores del sitio web, por otro lado, todavía tienen acceso al sitio web, por lo que pueden probarlo y asegurarse de que el sitio web funcione o esté listo para su lanzamiento.

Por que usar el modo de mantenimiento

Hay muchas situaciones en las que su sitio web debería ponerse en mantenimiento y en modo Próximamente.

  • Realice cambios en su sitio web
  • Corregir un error
  • Lanzar un nuevo producto o servicio
  • Lanzar el rediseño del sitio web

Estos son solo algunos ejemplos de cuándo le gustaría poder ver el sitio web usted mismo, pero presenta una página de Modo de mantenimiento.

Cómo poner WordPress en modo de mantenimiento

Modo de mantenimiento integrado en WordPress

WordPress ofrece una función de modo de mantenimiento incorporada. El problema es que se inicia automáticamente y solo durante las actualizaciones y no tienes control sobre él.

Consulte también nuestro tutorial sobre: Cómo personalizar su tema de WordPress con Elementor

Agregar modo de mantenimiento con código

Para solucionar el problema anterior, puede utilizar código para mostrar la página del modo de mantenimiento. Puede modificar las funciones .php agregando el siguiente fragmento:

// Activate WordPress Maintenance Mode
function wp_maintenance_mode() 
{
if (!current_user_can(‘edit_themes’) || !is_user_logged_in()) 
{
wp_die(‘Ici vous pouvez ajouter le message de votre mode maintenance , par exemple : 
<h1>En Maintenance</h1>
<br />
Ce site web est en maintenance, svp veuillez revenir plus tard.’);
}
}
add_action(‘get_header’, ‘wp_maintenance_mode’);

Complementos para el modo de mantenimiento 

Hay muchos complementos disponibles para configurar el modo de mantenimiento en WordPress. Mencionaremos entre otros:

  • producto de semillas,
  • CMP
  • y otros.

Algunos son gratuitos y otros no.

Uno de los más populares es SeedProd y, como el resto, todo lo que necesita hacer para comenzar a usarlo es instalarlo, activarlo y usarlo.

Este complemento en particular requiere que haga lo siguiente:

  1. Acceder al menú Ajustes desde su panel de WordPress
  2. Elige la opcion Próximamente Pro
  3. Aquí puede seleccionar el estado de su sitio web (si desea habilitar el modo de mantenimiento o Próximamente).
  4. Ahora puede elegir plantillas de página y personalizarlas

Cómo agregar una página de modo de mantenimiento - Con Elementor

Elementor ofrece una manera fácil de agregar una página de modo de mantenimiento, y no solo eso, sino que también te permite personalizarla como quieras. 

1. Agregar una página de modo de mantenimiento

  • Instalador Elementor.
  • Una vez instalado, comience a editar una página haciendo clic en Editar con Elementor - Editar con Elementor
  • Cliquez sur Añadir plantilla, luego elija entre las 12 plantillas de página del modo de mantenimiento, y luego haga clic en recuadro.
  • Personalice y modifique la plantilla para adaptarla a su sitio web.
  • Cliquez sur Guardar plantilla y nombra tu modelo

2. Defina la plantilla del modo de mantenimiento

  • Vaya a Elementor> Herramientas y elija entre el modo Próximamente y el modo Mantenimiento
  • Elija la plantilla que guardó anteriormente
  • Cliquez sur Guardar los cambios

3. Definir roles de acceso

Puede definir los roles específicos que tendrán acceso al sitio web en mantenimiento.

De esta manera, podrá controlar quién, además de los administradores, tiene acceso a todo el sitio web, mientras que los usuarios habituales podrán ver una página de Mantenimiento o Próximamente. Estos roles son esencialmente administradores, editores, autores, colaboradores y suscriptores.

Vea también nuestra lista de Complementos de 5 WordPress para administrar roles y usuarios

Los usuarios profesionales pueden incluir un formulario inicie sesión en la página del modo de mantenimiento, para que los usuarios con acceso apropiado puedan iniciar sesión en el sitio web desde el propio modo de mantenimiento.

Cuando configure el modo de mantenimiento, verá un botón rojo en la barra superior de WordPress con el texto: " Modo de mantenimiento activado ".

4. Cómo desactivar modo de mantenimiento activado WordPress 

Una vez que haya terminado de trabajar en su sitio web y desee relanzarlo y sacarlo del modo de mantenimiento, puede volver a las herramientas de Elementor para desactivarlo.

ir a tablero> Elementor> Herramientas> Modo de mantenimientoy en "Elegir modo", desactívelo. Regístrese ahora y verá la notificación roja en la parte superior de la página eliminada.

Por que usar Elementor ?

Además del hecho de que es extremadamente fácil poner un sitio web de WordPress en modo de mantenimiento con Elementor, hay algunas otras ventajas.

Motores de búsqueda

Modo de mantenimiento - Cuando configura el modo de mantenimiento de Elementor, su sitio web notificará a los motores de búsqueda que su sitio web está temporalmente fuera de servicio por mantenimiento. Lo hace enviando la respuesta de mantenimiento temporal (HTTP 503). De esta forma, los motores de búsqueda saben cómo volver un poco más tarde para comprobar nuevamente si el sitio web ya está disponible.

Lea también: Cómo agregar tabla de contenido en WordPress con Elementor

Próximamente - Establecer Elementor en el modo Coming Soon, por otro lado, hace que los motores de búsqueda digan que todo funciona como de costumbre y pueden indexar el sitio web como de costumbre. Esto se hace devolviendo una respuesta de HTTP200.

Al enviar estas respuestas, Elementor se asegura de que su SEO no se vea afectado.

Plantillas

Elementor tiene un modo de mantenimiento alucinante y plantillas de página Próximamente

Estas plantillas tienen todo lo que podría desear en una página de modo de mantenimiento, incluido un contador, un formulario registro, íconos de redes sociales y más. Tenga en cuenta que puede personalizar fácilmente una plantilla desde el modo de mantenimiento a una plantilla Próximamente y viceversa.

Presentamos algunos aquí:

Explicación del modo de mantenimiento de Wordpress cómo usar 1

Esta hermosa plantilla Próximamente presenta una gran imagen de fondo con una superposición de fondo púrpura. Muestra un temporizador de cuenta atrás, un mensaje claro y una breve descripción de la visión, los servicios y los datos de contacto de la empresa.

Explicación del modo de mantenimiento de Wordpress cómo usar 2

Este modelo muestra un reloj de cerca, lo que indica que el tiempo avanza hasta el lanzamiento. Esta es una plantilla de página Próximamente limpia y minimalista que puede ser perfecta para sitios web de negocios y moda.

Explicación del modo de mantenimiento de Wordpress cómo usar 3

Esta plantilla florida tiene un uso original del widget de barra de progreso de Elementor. Muestra al usuario lo lejos que estamos del lanzamiento del sitio web. También muestra iconos de redes sociales para conectar a los usuarios con sus páginas de perfil.

Explicación del modo de mantenimiento de Wordpress cómo usar 4

Una espectacular pantalla dividida de la plantilla Próximamente presenta un temporizador de cuenta regresiva, así como un formulario suscripción minimalista. Esta plantilla está diseñada específicamente para sitios web de moda, pero se puede adaptar fácilmente a otros temas.

Explicación del modo de mantenimiento de Wordpress cómo usar 5

Esta plantilla Próximamente va directo al grano, con un mensaje corto y un temporizador de cuenta atrás. También muestra su correo electrónico e íconos sociales, para que las personas puedan comunicarse con usted antes del lanzamiento. Es muy adecuado para un sitio web independiente.

Explicación del modo de mantenimiento de Wordpress cómo usar 6

Si busca una actualización programada para su sitio web, con un tiempo estimado para completar la reparación, puede usar esta plantilla de modo de mantenimiento de alta tecnología para informar a sus visitantes leales cuándo se completará la actualización.

Explicación del modo de mantenimiento de Wordpress cómo usar 7

Aquí hay otra plantilla de modo de mantenimiento que avisa brevemente de la situación y también proporciona cualquier información de contacto que el usuario pueda necesitar. El fondo muestra un tractor arando un sitio en construcción

Explicación del modo de mantenimiento de Wordpress cómo usar 8

Este es un modelo clásico de Coming Soon, que tiene una cuenta regresiva para la fecha de lanzamiento. También tiene un formulario de suscripción, por lo que las personas pueden registrarse y recibir notificaciones cuando se lance el sitio web.

Explicación del modo de mantenimiento de Wordpress cómo usar 9

Otro modelo atrevido de Coming Soon, con fuertes colores amarillos y negros. Esta plantilla tiene un formulario de inicio de sesión, para que los usuarios que tengan acceso puedan iniciar sesión en el sitio web.

Explicación del modo de mantenimiento de Wordpress cómo usar 10

Otra plantilla de inicio de sesión, esta vez con una columna de formulario y una imagen vertical de una plantilla. Este tipo de página se puede utilizar no solo para el modo de mantenimiento, sino también para restringir el acceso a su sitio web.

Explicación del modo de mantenimiento de Wordpress cómo usar 11

Otro modelo clásico de Coming Soon, también con elemento de reloj. Esta plantilla es otro ejemplo del uso de colores blanco y negro, así como otro color de acento en el título principal y la dirección de correo electrónico.

Modo de mantenimiento fácil y gratuito

Aunque las páginas del modo de mantenimiento y del modo Próximamente tienen patrones visualmente similares, como un titular que anuncia el modo de mantenimiento, un temporizador de cuenta atrás y un formulario de inicio de sesión, todavía hay más posibilidades de diseño. para explorar cuando establezca su propio modo de mantenimiento y Próximamente.

Descubra también nuestro artículo sobre: Cómo migrar manualmente un sitio web de WordPress: la guía

Elementor le permite personalizar completamente el diseño de las páginas del modo de mantenimiento de su sitio web de WordPress y de las páginas del modo Próximamente.

¡Obtenga Elementor Pro ahora!

Conclusión

Listo ! Eso es todo por esta guía que explica el modo de mantenimiento en WordPress y cómo configurarlo en un sitio web. Si usted tiene comentarios o sugerencias, no dude en hacérnoslo saber en la sección reservada.

Sin embargo, también puedes consultar nuestros recursos, si necesita más elementos para llevar a cabo sus proyectos de creación de sitios de Internet, consulte nuestra guía sobre Creación de blog de WordPress o el de Divi: el mejor tema de WordPress de todos los tiempos.

Pero mientras tanto, comparte este artículo en tus diferentes redes sociales

...