Construcción de una página (el sitio está en mantenimiento) – (pronto estaremos con ustedes) utilizando complementos personalizados

Si planeas lanzar tu sitio web de WordPress con un nuevo diseño después de agregar algunas modificaciones o realizar actualizaciones, es esencial que aprendas cómo diseñar una página de "Sitio en mantenimiento" o "Próximamente" para informar a tus visitantes y seguidores sobre las últimas novedades de tu sitio de una manera atractiva, y también para evitar que vean los errores que ocurran durante la edición. Realizaremos esta tarea utilizando algunos complementos listos para construir estas páginas con el diseño que mejor se adapte a ti, para que aparezcan al usuario en lugar de la página principal de tu sitio, y esto se puede hacer de dos maneras diferentes para que elijas una de ellas.

Primera Forma:

Usando el complemento (Seedprod Plugin) Segunda forma: Usando constructores visuales de sitios web (Visual Builders) Usar el complemento (Seed Prod) El complemento Seed Prod se considera uno de los complementos más destacados especializados en construir y diseñar diferentes tipos de páginas de manera simple y atractiva, y entre las páginas que puedes diseñar con este complemento están la página "Próximamente"

(Coming Soon) y la página de "Sitio en mantenimiento" (Under Maintenance). Este complemento ha recibido más de un millón de descargas y calificaciones de cinco estrellas de los usuarios, y explicaremos cómo usar este complemento.

Instalación del Complemento

El primer paso para instalar el complemento es ir al panel de control de WordPress de tu sitio, y desde la barra lateral haremos clic en la opción "Complementos Plugins" y luego en "Añadir nuevo Add New" como se muestra en la imagen de abajo. En la barra de búsqueda que aparecerá en la nueva ventana escribiremos el nombre del complemento (Seed Prod), y cuando aparezca en los resultados de búsqueda, haz clic en la opción "Instalar ahora Install Now", y luego en "Activar Activate". O lee la explicación que preparamos sobre: Cómo instalar y activar un complemento de WordPress en tu sitio.

Diseñar una página de "Sitio en mantenimiento" Después de instalar el complemento en tu sitio, notarás que su configuración aparece en la barra lateral de WordPress con el nombre "SeedProd", y cuando hagas clic en él se abrirá una nueva ventana donde podrás comenzar a crear la página haciendo clic en la opción "Create Your First Page", y también puedes acceder a la fase de creación de la página haciendo clic en la opción "Pages" ubicada directamente debajo del nombre del complemento como se muestra en la imagen. Después de esto aparecerán varias opciones para crear páginas, algunas gratuitas y otras de pago, como se muestra en la imagen, en nuestro ejemplo probaremos la plantilla gratuita para configurar "Coming soon Mode" haciendo clic en la opción "Activate" y luego en "Set up a Coming Soon Page".

Seleccionar la plantilla (Choose Template) Después de esto serás redirigido a la página de plantillas "Templates", y puedes saltarte los pasos anteriores e ir directamente a ella haciendo clic en la opción "Templates" ubicada en la barra lateral debajo del nombre del complemento. Aparecerá una nueva ventana que muestra diferentes plantillas listas para diseñar una página "Próximamente", puedes elegir la que consideres más adecuada para ti, y hay muchas opciones gratuitas para elegir, puedes obtener 10 plantillas gratuitas adicionales si ingresas tu correo electrónico en la barra superior, como se muestra en la imagen.

Después de seleccionar la plantilla, haz clic en ella para descargarla. También puedes, si prefieres no elegir una plantilla preestablecida, crear tu propia plantilla desde cero haciendo clic en la opción "Plantilla en blanco Blank Template" como se muestra en la imagen. Editar la plantilla Puedes editar y agregar los toques artísticos que desees a las plantillas preestablecidas muy fácilmente.

Después de descargar la plantilla y abrirla, aparecerá la configuración para editar los elementos de la plantilla. Puedes hacer clic en cualquier lugar dentro de la plantilla para que aparezcan las opciones de edición en la barra de configuración a la izquierda de la pantalla, como se muestra en la imagen. Puedes borrar y reescribir el contenido de la manera que desees desde la pestaña "Contenido Content".

También puedes cambiar los diferentes elementos de texto dentro del contenido, como el color del texto, su tamaño, dónde aparece y otros elementos a través de la opción de "Estilo avanzado Advanced Style". Y también puedes editar el área de contenido y el espaciado entre letras desde la opción "Espaciado Spacing" Puedes adjuntar varios elementos adicionales a la plantilla de la página, como "Formulario de contacto" arrastrando la opción desde el menú a la izquierda de la pantalla y soltándola en el lugar donde desees dentro de la página, como se muestra en la imagen. Después de terminar de agregar los elementos que deseas, haz clic en la opción guardar (Save).

Puedes verificar la apariencia de la página y cómo se verá en dispositivos móviles haciendo clic en el icono del teléfono en la parte inferior de la página, y puedes ver la apariencia actual de la plantilla haciendo clic en la opción "Vista previa Preview" como se indica con las flechas en la imagen anterior. Después de terminar todos los cambios y verificar su apariencia en todos los tipos de dispositivos, haz clic en (Publish).

Para ver una vista previa de la página "Próximamente" como la verán los visitantes, puedes cerrar sesión del sitio o usar el navegador privado para asegurarte de que la página que diseñaste para los visitantes sea similar al diseño que viste a través de la opción de vista previa. Crear una página de "Sitio en mantenimiento" Los pasos para crear una página de mantenimiento son similares a los anteriores, ya que regresaremos al complemento y haremos clic en la opción "Páginas Pages", y luego realizaremos los siguientes pasos simples: Desactiva el botón de la página "En espera del lanzamiento pronto" que activamos en los pasos anteriores. Activa el botón "Modo de mantenimiento Maintenance Mode" señalado con la flecha número (2).

Finalmente, haz clic en la opción para configurar la página de mantenimiento "Set up a Maintenance Mode Page". Ahora debemos seleccionar la plantilla apropiada bajo la pestaña "Maintenance Mode". Luego agregaremos cualquier cambio que deseemos que aparezca en la página de mantenimiento, de manera similar a la página "Próximamente".

Puedes agregar un nuevo elemento a la plantilla, en este ejemplo agregaremos un título, con la propiedad arrastrar y soltar, y puedes realizar cualquier otro cambio que desees a través de las opciones disponibles. Después de terminar el diseño, haz clic en la opción guardar "Save" y luego vista previa "Preview" para ver los cambios. 2.

Usar constructores visuales de páginas Usando constructores visuales de páginas (Visual Builders) puedes personalizar completamente las páginas "Próximamente" o la página de mantenimiento a través de ellos, de una manera fácil mediante arrastrar y soltar, y encontrarás que la herramienta te ofrece la opción de elegir el modelo del sitio para que sea de esta forma requerida.

Nota: La configuración difiere de una herramienta a otra, pero usaremos esta explicación simplificada experimentalmente en una de las herramientas de construcción de sitios web, y encontrarás que las opciones son similares con la misma idea en la herramienta que uses: Construir una página personalizada "Próximamente", luego hacer un cambio en la posición del sitio para mostrar esa página por defecto al usuario Elige el estilo: (Coming Soon) Elige quién puede acceder al sitio completo, es decir, quién puede omitir la página "Próximamente", donde puedes elegir entre establecer permisos de acceso solo para administradores seleccionando (Logged in), o elegir personalizar (Custom) y luego especificar los roles (Roles) y las actividades que les permites mientras navegan por tu sitio en mantenimiento. Elige la plantilla que creaste.

Finalmente, haz clic en guardar cambios (Save Changes) Editar la plantilla Después de guardar los cambios, aparecerá una notificación en la parte superior del panel de control informándote que tu sitio ahora está funcionando en modo "Próximamente" Coming Soon.

Puedes acceder para editar la plantilla pasando el mouse sobre ella y haciendo clic en editar plantilla (Edit Template). Nota: Cuando diseñes una página "Próximamente" o una página de "Mantenimiento" no necesitarás configurar y preparar los menús principales, pie de página (footer) o barras laterales, solo necesitas contenido que explique el estado temporal actual del sitio con un mensaje atractivo para los visitantes. Por eso usaremos un enfoque simple para hacer cambios en el diseño de la página.

Buscarás las plantillas diseñadas anteriormente con la herramienta de construcción de sitios web que sean apropiadas para el propósito (Coming soon) para elegir la plantilla que sea adecuada para ti, importarla y luego editarla. Construir una página de sitio en mantenimiento Puedes construir una página de "Mantenimiento" siguiendo los mismos pasos anteriores con cambios simples en la configuración, y por supuesto cambiando la plantilla de la página, para elegir la plantilla que sea adecuada para ti y poder importarla y editarla. Ahora haz los cambios que desees en la plantilla muy fácilmente, como explicamos en el diseño de la página "Próximamente".

Puedes hacer algunos cambios y personalizaciones en la imagen, como tamaño, posición, bordes y otros, y después de lograr la apariencia deseada, haz clic en "Actualizar Update". Luego, después de construir la página, puedes establecer el modo del sitio para mostrar la página que diseñaste anteriormente, seleccionando esa página y luego guardando la configuración (Save Changes), y de esta manera habrás completado los pasos para crear una página especial para un sitio en mantenimiento, y puedes cerrar sesión del sitio y verificar la apariencia de tu sitio como la verán los navegantes externos. La apariencia de la página en la que trabajamos en nuestro ejemplo será la siguiente: Y así hemos detallado y explicado los pasos para agregar las páginas "Próximamente" (Coming Soon) y "Mantenimiento" (Maintenance Mode) de dos formas diferentes.

Solo tienes que elegir la forma más adecuada para ti y seguir los pasos para obtener el resultado que deseas.