¡Un entorno de ensayo de WordPress que a los usuarios les encanta usar!

Crear un sitio web de prueba de WordPress es una excelente idea para probar cambios sin afectar el sitio web en vivo.

Si es una agencia o un desarrollador individual, un entorno de ensayo de WordPress es una excelente manera de acelerar el flujo de trabajo de desarrollo y de entregar maquetas a sus clientes antes de las fechas límite. Una vez que todo esté en su lugar y los clientes aprueben los diseños, puede presionar todo para que viva un sitio web con solo hacer clic en un botón.

Ahora que está convencido de que desea desarrollar su sitio en un entorno de prueba, analicemos cómo puede implementar uno.

Hay algunas formas de crear un sitio de prueba de WordPress. Por ejemplo, puede optar por un complemento de preparación de WordPress como "WP Staging", BlogVault o buscar un alojamiento de WordPress administrado con preparación para construir un sitio completo antes de publicarlo.

En esta guía, discutiré estas dos formas de configurar un entorno de ensayo.

¿Qué es el entorno de ensayo de WordPress?

Un entorno de ensayo, también conocido como sitio web o área de ensayo, es una réplica exacta de su sitio en vivo. Primero puede probar los cambios (y las mejoras) en el sitio de ensayo sin perturbar el sitio en vivo. Una vez que todo esté funcionando perfectamente, simplemente "empuje" o implemente los cambios en el sitio en vivo.

¿Cómo se pueden crear sitios de prueba de WordPress?

Cada sitio de WordPress lanzado en Cloudways viene con su propio entorno de prueba. Una vez que haya terminado de trabajar en el sitio de prueba, apunte un dominio y / o envíe cambios al sitio en vivo utilizando el entorno de prueba de Cloudways o un complemento de prueba de WordPress de terceros.

Alojamiento de WordPress con Staging

En Cloudways, lanzar un servidor basado en WordPress es cuestión de unos pocos clics. Supongo que ya tienes una cuenta con Cloudways. Si no es así, cree uno desde aquí.

Una vez que se haya verificado la cuenta, inicie sesión en la plataforma Cloudways y haga clic en Iniciar .

Se le preguntará sobre el servidor y la aplicación que desea iniciar.

En este ejemplo, elijo WordPress como la aplicación y DigitalOcean como alojamiento de WordPress con un servidor de prueba. Si lo desea, puede elegir cualquiera de los cinco proveedores de alojamiento en la nube para iniciar el servidor de ensayo de WordPress.

Acceda al sitio de preparación de WordPress

Una vez que se haya lanzado el sitio web de prueba de WordPress, visite el sitio web de WordPress navegando a la pestaña Aplicaciones y seleccione la aplicación de WordPress.

Déjame definir las etiquetas:

1. Obtiene la lista de todas las aplicaciones alojadas por esta cuenta.
2. Este es el sitio de prueba de WordPress. Puedes ver los detalles necesarios.
3. El botón de la URL predeterminada para acceder al sitio web de preparación de WordPress.
4. Menú expandible con más opciones para el sitio web.
5. Puede lanzar más de un sitio de prueba de WordPress en un solo servidor.

Cuando se cargue el sitio web de prueba de WordPress, verá una pantalla similar a la siguiente:

Esta es la pantalla de administración de aplicaciones donde puede ensuciarse las manos. Las etiquetas son bastante sencillas. Sin embargo, si desea más detalles, consulte el tutorial de la pantalla Administración de aplicaciones.

Acceda al servidor de ensayo de WordPress

Una vez que se ha iniciado el servidor de ensayo, puede acceder al servidor desde la barra de menú superior.

Déjame definir las etiquetas:

1. Obtenga una lista de los servidores alojados por esta cuenta.
2. Detalles del servidor intermedio.
3. La cantidad de aplicaciones (WordPress, PHP, Magento, etc.) alojadas en este servidor.
4. Menú expandible con más opciones para el servidor.
5. De manera similar a la opción de alojar varios sitios web en un servidor, puede iniciar varios servidores en una sola cuenta de Cloudways.

Apunta el dominio

Su sitio de prueba de WordPress ahora está listo para la acción.

Ahora puede crearlo con confianza y, una vez hecho, apunte el dominio, instale un certificado SSL gratuito y active el dominio.

Nota: supongo que ha creado su sitio de WordPress y lo ha puesto en marcha apuntando al dominio. En la imagen de arriba, mira el tercer puntero, cambié el nombre de WP_Staging a Live_WP .

Crear puesta en escena para el sitio en vivo y cambios push / pull

En este punto, ha creado un entorno de prueba, ha creado un sitio de WordPress y lo ha puesto en marcha. Si lo desea, puede agregar nuevos temas / complementos o cargar su propio código personalizado. El sitio de ensayo ofrece una gran oportunidad para probar y evaluar antes de realizar cualquier cambio en el sitio web en vivo. Esto reduce en gran medida las posibilidades de sufrir un sitio web roto debido a cambios en el sitio web no probados.

Para crear un entorno de ensayo de su sitio web en vivo, debe clonarlo en el mismo servidor o en otro.

Clonar sitio en vivo de WordPress

Si tiene una agencia web o desea crear sitios de WordPress para sus clientes, la función de clonación puede ocuparse de todos sus requisitos. Siempre que su cliente requiera la personalización del sitio web, puede comenzar clonando el sitio web de WordPress en vivo, probando los cambios y luego enviar los cambios al sitio en vivo.

Analicemos el proceso de creación de un clon / ensayo para un sitio de WordPress en vivo.

Navegue a la pestaña Aplicaciones en la barra de menú superior izquierda, busque su WordPress en vivo y haga clic en ( ⋮ ) para acceder a más opciones. En el menú que se abre, seleccione Clonar aplicación / Crear etapa .

Nota: nombré mi aplicación de WordPress en vivo como " Live_WP ".

En este punto, se le harán dos preguntas : el servidor donde desea clonar o crear el sitio de prueba, y si desea simplemente clonar el sitio web o si desea crear el sitio de prueba para su sitio web en vivo.

IMPORTANTE : Recuerde marcar la casilla de verificación " Crear como ensayo " cuando cree un sitio de ensayo. Existe una diferencia menor, pero significativa, entre la clonación y la puesta en escena de una aplicación:

1. 1. Clonar crea una réplica de la aplicación. Sin embargo, no habrá sincronización entre la aplicación original y la clonada.
   2. La puesta en escena también crea una réplica de la aplicación. Sin embargo, tanto la aplicación en vivo como la réplica están sincronizadas . Además, puede realizar acciones Push & Pull tanto en la versión en vivo como en la réplica.

Alternativamente, las versiones Clon / Staging también se pueden crear entrando en la aplicación. Una vez dentro, coloque el cursor sobre el botón naranja inferior derecho y seleccione Clonar aplicación / Crear etapa.

¡Y estás listo para comenzar!

El proceso lleva unos minutos para crear la puesta en escena de su sitio WordPress en vivo. Una vez hecho esto, encontrará el sitio de WordPress clonado en la pestaña Aplicaciones con la etiqueta " puesta en escena " junto al nombre de la aplicación real.

Ahora, el sitio de prueba de WordPress está listo y puede seguir adelante y jugar con el sitio de WordPress.

Profundicemos un poco más.

Gestión de puesta en escena para la aplicación en vivo

Acceda a la aplicación WordPress en vivo y podrá ver un nuevo elemento de menú con la etiqueta " Gestión de etapas " en el menú de la izquierda. Así es como se ve:

Puede ver los siguientes tres botones / opciones:

• Extraer: extraiga los cambios del sitio de ensayo al sitio en vivo.
• Push: envía los cambios del sitio en vivo al sitio de ensayo.
• Ver registros: vea los registros de las acciones de registros Push / Pull.

Gestión de estadificación para el sitio de estadificación

Vaya al sitio web de ensayo de WordPress y verá un nuevo elemento de menú con la etiqueta " Gestión de ensayo " en el menú de la izquierda.

Las opciones son similares a las que se encuentran en la aplicación de WordPress en vivo. Una vez que haya terminado con los cambios en el sitio de preparación de WP y tenga la confianza suficiente para implementar cambios en el sitio web en vivo, simplemente toque el botón Push . Te harán preguntas:

• Archivos de aplicación web: copie los cambios de archivo del sitio de ensayo al sitio en vivo.
• Base de datos: esto sobrescribirá la base de datos del sitio web en vivo. (TENGA CUIDADO: puede perder datos importantes si ha realizado cambios en el nivel de la base de datos en el sitio web en vivo durante este período de tiempo)
• Copia de seguridad: haga una copia de seguridad de su sitio web en vivo antes de mover los datos del sitio de ensayo. Cuando opta por una copia de seguridad, verá un botón Revertir en la aplicación en vivo.

De la misma manera, el botón de tracción tira de los cambios de la página web en directo a la página web puesta en escena.

PD: Aquí hay una guía de lectura obligada con notas importantes sobre el entorno de Cloudways Staging.

Amplíe la función de clonación

Cloudways no le restringe a clonar aplicaciones únicamente. También puede clonar y / o incluso transferir servidores a otra cuenta en Cloudways.

• Clonar servidor: cree una copia de un servidor completo para la misma cuenta.
• Transferir servidor: puede transferir un servidor a otra cuenta de Cloudways que contenga la misma dirección IP de servidor.

Las características anteriores se pueden utilizar como servidor de prueba y son muy útiles si posee una agencia y / o crea sitios de WordPress para sus clientes.

Si eres un desarrollador y usas un editor de código para comunicarte directamente con Git e implementar cambios, te sugiero que leas este gran artículo sobre cómo conectar Sublime con Git e implementar cambios en sitios activos.

Complemento de preparación de WordPress

Varios complementos como BlogVault, WP Staging y WP Migrate DB también son opciones populares para crear un sitio de prueba de su sitio web en vivo, probar cambios y empujar.

Inicie sesión en su sitio web de WordPress en vivo, vaya a Complementos -> Agregar nuevo y busque WP Staging o WP Migrate DB .

En esta guía, usaré el complemento WP Staging. Entonces, para continuar, instale y active el complemento.

El complemento WP Staging le pedirá que obtenga la versión pro o simplemente haga clic en el hipervínculo Omitir - Iniciar clonación . Antes de continuar, no olvide hacer una copia de seguridad de su sitio de WordPress.

Haga clic en el botón Crear nuevo sitio de ensayo . Esto lo llevará a la pantalla de configuración. Ingrese el Nombre del sitio de ensayo y explore las otras opciones para elegir lo que desea clonar.

No olvide verificar el espacio libre en el disco , especialmente si tiene un sitio web grande en vivo.

Ahora, haga clic en el botón Iniciar clonación .

El sitio de WP Staging se creará en unos minutos y puede iniciar sesión en el panel con las credenciales de administrador de su sitio web en vivo.

Ahora pruebe los cambios sin afectar el sitio web en vivo. Sin embargo, enviar los cambios al sitio en vivo NO está disponible en la versión gratuita .

Si no desea pagar por la versión Pro, continúe y aproveche el completo entorno de prueba de sitios web push / pull que ofrece Cloudways.

Migrar el sitio de WordPress

¿Parecen interesantes las características del entorno de ensayo de Cloudways?

¿Quiere probar el entorno de prueba del sitio web de WordPress? Bueno, nos preocupamos por USTED . Puede migrar fácilmente un sitio de WordPress a Cloudways utilizando nuestro "Complemento de migración de WordPress".

Nuestras mejores prácticas recomendadas para los sitios de ensayo

Ahora que ha aprendido a crear un entorno de ensayo, hay algunas cosas cruciales que debe tener en cuenta antes de emprender la tarea. Estos incluyen copias de seguridad, correos electrónicos, cachés, bases de datos y mucho más. Léelos detenidamente para asegurarse de que su proceso de preparación de WordPress sea fluido y no le cueste una pérdida de sus valiosos datos.

Realice una copia de seguridad completa

La copia de seguridad completa incluye todos los archivos y la base de datos y se realiza una copia de seguridad en su servidor o en una ubicación externa desde donde se puede recuperar en cualquier momento. En contraste con esto, está la copia de seguridad parcial que no incluye todos los archivos de temas, archivos de complementos, archivos multimedia y la base de datos. También tenga en cuenta que realizar una copia de seguridad inmediata justo antes de comenzar a trabajar en la preparación es crucial porque pueden pasar días antes de que se lleve a cabo la copia de seguridad automática. Por lo tanto, si las cosas salen mal y desea volver a la última versión de su sitio, es esencial realizar una copia de seguridad inmediata.

Limpia tu caché

Como alguien que ha trabajado con sitios web durante mucho tiempo, el caché es algo que todavía me molesta con los cambios en el sitio web. Una ocurrencia común es que hacemos cambios en el sitio web, los presionamos para que se activen y vemos que nada ha cambiado. Después de horas de rascarnos la cabeza, nos damos cuenta de que es la caché la que muestra la versión anterior y tenemos que borrarla para ver los cambios.

Le recomendamos que borre su caché cuando envíe sus nuevos cambios al sitio en vivo para que pueda ver los cambios sin demora.

Mantenga su base de datos de producción separada de la base de datos provisional

Nunca debe interferir con su base de datos de producción porque si eso se estropea, todo su sitio web corre el riesgo de averiarse. Esto significa que si está trabajando en un entorno de ensayo, una cosa que nunca debe hacer es mezclar la base de datos de ensayo con su base de datos de producción sobrescribiendo la última.

No dé acceso público al sitio de ensayo

Siempre considere sus sitios de ensayo de WordPress como entornos controlados donde realiza sus experimentos y debe mantenerse en un lugar secreto donde nadie pueda encontrarlo. Esto significa que necesita no indexarlo ni seguirlo para que no pueda aparecer en el motor de búsqueda. Además, asegúrese de proteger con contraseña su sitio de ensayo para mayor seguridad.

Para concluir este tutorial, me gustaría volver a visitar la premisa principal del artículo: los sitios de prueba son un requisito esencial para los flujos de trabajo de desarrollo de WordPress. Si tiene algo que preguntar sobre los sitios de preparación de WordPress de Cloudways o sobre la creación de un servidor de preparación, no dude en preguntarme en la sección de comentarios a continuación.