¿Quieres configurar un sitio de staging de WordPress?
Un sitio de staging de WordPress es un clon de tu sitio en vivo donde puedes probar nuevas funciones, temas y plugins antes de implementarlos en el sitio en vivo. De esta manera, puedes corregir errores y probar cambios antes de agregarlos a tu sitio en vivo.
En este tutorial, te mostraremos cómo configurar correctamente un sitio de staging de WordPress.
Configuración de un sitio de staging de WordPress
Algunos proveedores de hosting web ofrecen una configuración de staging con un solo clic, que es la forma más fácil y recomendada de configurar un sitio de staging.
Bluehost, WP Engine y SiteGround son algunos de los pocos proveedores de hosting que ofrecen una configuración de staging con un solo clic. Si tu proveedor de hosting web no ofrece una configuración de staging con un solo clic, entonces podrías considerar migrar tu hosting a un proveedor que ofrezca una opción de staging. Alternativamente, también puedes crear un sitio de staging con un plugin de WordPress o incluso manualmente.
Aquí tienes una tabla de contenido de lo que cubriremos en este tutorial:
- Cómo crear un sitio de staging con un plugin de WordPress
- Cómo crear un sitio de staging en Bluehost
- Cómo crear un sitio de staging en WP Engine
- Cómo crear un sitio de staging en SiteGround
Cómo crear un sitio de staging con un plugin de WordPress
Duplicator es un potente plugin de copia de seguridad de WordPress que se puede utilizar para crear una copia de seguridad o migrar tu sitio.
Utiliza un proceso de creación de un paquete de los archivos y la base de datos de tu sitio web. Luego puedes almacenar este paquete de forma segura en la nube o en tu computadora local para tener siempre una copia de tu sitio web.
También puedes usar este paquete para crear un clon o un sitio de staging.
Para crear un sitio de staging usando Duplicator, necesitas tener acceso al cPanel de tu hosting web.
Dicho esto, te mostraremos cómo crear un sitio de staging donde tendrás control total sobre el entorno.
Paso 1: Crear un subdominio
Primero, necesitarás crear un subdominio para tu sitio de staging con tu proveedor de hosting. Para este tutorial, usaremos Bluehost.
En tu panel de Bluehost, ve a Dominios » Subdominios. En la siguiente página, ingresa un nuevo nombre de subdominio para tu sitio de staging. Usa algo distintivo y específico para la tarea como "staging", luego presiona Agregar subdominio.
La URL de tu sitio de staging se verá algo así como "staging.misitio.com". Una vez que crees un subdominio, serás redirigido a la lista de subdominios de tu sitio.
A continuación, todavía en el panel de Bluehost, ve al menú Avanzado, que te redirigirá a tu cPanel.
En tu cPanel, navega a la pestaña Bases de datos, luego ve a Bases de datos MySQL.
Aquí, crea una nueva base de datos. Te sugerimos que le des un nombre que puedas asociar rápidamente con tu sitio de staging, como "staging". Presiona Crear base de datos y deja que la página se recargue.
A continuación, agrega un nuevo nombre de usuario y contraseña para tu nuevo perfil. Presiona Crear y deja que la página se recargue nuevamente.
Desplázate hacia abajo en esta página para ver una opción para conectar el usuario y la base de datos. Deberías ver una lista de nombres de usuario y bases de datos que has creado en un menú desplegable. Selecciona el nombre de usuario y la base de datos que acabas de crear y presiona Agregar.
A continuación, serás redirigido a una página de Privilegios. Otorga Todos los privilegios y Procede a Realizar cambios.
¡Felicitaciones! Has configurado exitosamente un subdominio.
Paso 2: Configurar Duplicator
Con tu subdominio listo, pasemos al panel de WordPress para configurar Duplicator. Ten en cuenta que tanto la versión gratuita como la premium de Duplicator pueden ayudarte a crear un sitio de staging, ya que la función está disponible en ambas.
La configuración de ambas versiones, la gratuita y la premium de Duplicator, es rápida y sencilla. Sigue nuestro tutorial sobre cómo configurar un plugin si necesitas ayuda con alguna de ellas.
Una vez que instales y actives el plugin, ve a Duplicator » Paquetes y crea un nuevo paquete.
En la siguiente página, Duplicator ejecutará pruebas para asegurar que no haya errores y que tu sitio esté listo para ser clonado. Si todas las pruebas son exitosas, deberías ver "Bueno" escrito en verde junto a cada línea de texto. Ahora procede a Construir.
Espera unos minutos a que Duplicator cree los archivos; la página debería recargarse automáticamente al finalizar. Luego, descarga tanto el Archivo de Paquete como el Instalador de Paquete.
Solo un resumen rápido: Los archivos de tu sitio residen en el Archivo de Paquete. Por otro lado, el Instalador de Paquete nos ayudará a instalar el sitio de staging sin configurar WordPress ni nada más. Esto hace que sea relativamente más fácil crear un sitio de staging manualmente. Dichas características son solo algunas de las ventajas de usar Duplicator para crear un sitio de staging y, de hecho, para migrar y hacer copias de seguridad de un sitio web.
Paso 3: Configurar el sitio de staging
Con nuestro Archivo de Paquete y nuestro Instalador de Paquete listos, necesitaremos subirlos a nuestro subdominio del sitio de staging a continuación.
Podemos usar cPanel o un cliente FTP. Usar un cliente FTP como Filezilla puede requerir más experiencia con WordPress. Sin embargo, un cliente FTP es una excelente manera de subir bases de datos grandes sin un mensaje de error.
Para este tutorial, usaremos cPanel. Sin embargo, consulta este tutorial si quieres aprender a usar un portal FTP para mover los archivos en su lugar.
Inicia sesión en tu cPanel directamente o a través del panel de control de tu hosting seleccionando Avanzado. Luego, dirígete a la pestaña Archivo y busca Administrador de archivos, lo que abrirá una lista de archivos.
En la lista de archivos de tu izquierda, busca la carpeta raíz, ‘public_html’. Dentro de esta carpeta, desplázate y busca la carpeta del sitio de staging.
Elimina todo el contenido de esta carpeta, luego busca la pestaña Subir en la parte superior de la página. Una vez que la selecciones, serás redirigido para subir el Archivo de Archivo y el Instalador de Archivo.
¡Y listo! Has creado exitosamente un sitio de staging.
Ruta Alternativa con Cliente FTP: Recuerda que los procesos de uso de tu cPanel y un portal de cliente FTP son los mismos al transferir archivos de staging. Aún irás al archivo raíz public_HTML, buscarás la carpeta del subdominio, eliminarás todo y finalmente subirás el Archivo de Archivo y el Instalador de Archivo a tu sitio de staging a través de un portal FTP.
Paso 4: Despliegue del Sitio de Staging
Con el sitio de staging listo, abre la URL de su subdominio en una nueva pestaña. Inserta en la URL:
“https://tudominio.ejemplo.com/installer.php“
Para el ejemplo que hemos utilizado en este tutorial, debería verse algo así:
“https://staging.misitio.com/installer.php”
Reemplaza ‘staging’ con el nombre del subdominio que crees, y reemplaza ‘misitio’ con el nombre de tu dominio. Una vez que presiones enter, esta URL debería redirigirte al asistente de instalación de Duplicator.
Ve a Configuración y utiliza la información de la base de datos que creaste anteriormente para completar esta sección, y Valida.
Duplicator ejecutará su proceso de validación para verificar si hay errores. Una vez que termine y todas las pruebas pasen, procede a Siguiente.
El siguiente paso es automatizado; Duplicator desempaquetará tus archivos de WordPress y subirá tu base de datos a tu sitio de staging. Una vez completado, verás una página que muestra los resultados de tu instalación.
A continuación, inicia sesión en el panel de administración de WordPress de tu sitio de staging y ejecuta pruebas.
Has completado la creación manual de un sitio de staging usando Duplicator.
Prueba nuevos plugins, verifica amenazas de seguridad, comprueba la experiencia del usuario y realiza cualquier otra prueba que necesites en tu sitio de staging.
Pero recuerda, mencionamos que configurar manualmente un sitio de staging ofrece mejor seguridad. Por lo tanto, agregaremos una contraseña para proteger nuestro subdominio y directorio de staging.
Dirígete a cPanel; en la sección Archivos, selecciona Privacidad del directorio.
A continuación, abre el archivo raíz 'public_html' y busca el archivo de tu subdominio. Selecciona editar y procede.
En la siguiente página, marcarás la casilla que dice “Proteger este directorio con contraseña”. El nombre de la carpeta del subdominio de staging debería aparecer automáticamente en la barra debajo de la casilla. Haz clic en Guardar.
Ahora, cuando alguien intente acceder a tu directorio a través de un navegador, se le pedirá que inserte el nombre de usuario y la contraseña del perfil.
Paso 5: Mover cambios de Staging a Producción
Es esencial crear una copia de seguridad de tu sitio en producción antes de implementar los cambios de staging. Esto asegurará que puedas recuperar tu sitio en caso de cualquier eventualidad.
Echa un vistazo a este tutorial si quieres aprender cómo hacer una copia de seguridad de tu sitio con Duplicator ».
Para mover tus cambios de staging a tu sitio en producción, primero necesitas hacer una copia de seguridad de tu sitio de staging.
En el sitio de staging, asegúrate de tener Duplicator instalado. Luego ve a Duplicator » Paquetes y crea un paquete.
Una vez listo, descarga el paquete, que incluye tanto el Archivo de Paquete como el Instalador del Paquete
Ve al panel de administración de WordPress de tu sitio en producción. Ve a la página Duplicator Pro » Importar.
Arrastra y suelta el archivo de paquete descargado en este cuadro de importación.
Luego, podrás ver los detalles del paquete subido. Para importarlo, presiona Continuar.
¡Y listo! Has creado e implementado tu sitio de staging y finalmente has subido los cambios a tu sitio en producción.
Cómo crear un sitio de Staging en Bluehost
Bluehost es una de las compañías de hosting más grandes hoy en día que ofrece un proceso de creación de sitios de staging con 1 clic. Esta solución de staging con 1 clic está disponible en todos los paquetes de Bluehost.
Con un plan de Bluehost, puedes iniciar sesión en el panel de tu cuenta. Aquí, deberías ver un menú de Bluehost a la izquierda de tu panel de WordPress. Luego, ve a Staging.
Debajo de la sección Sitio de Producción, hay una sección de Sitio de Staging con un botón para “Crear sitio de staging”. Al hacer clic en él, aparecerá una nueva ventana emergente.
Esto le pedirá que confirme si desea crear un clon de su sitio.
A continuación, otra ventana emergente le preguntará si desea Cambiar a Staging desde el sitio de producción actual.
Bluehost lo guiará a través del asistente de staging y creará el entorno de staging por usted. Una vez que el proceso se complete, su panel de WordPress debería recargarse.
Ahora, debería notar un botón rojo en la parte superior de su panel de WordPress, que indica que está en el sitio de staging.
En esta etapa, puede usar este sitio clonado para realizar cambios y probar lo que necesite. Con tranquilidad, pruebe nuevas funciones, cambie la estructura de su sitio, pruebe actualizaciones y verifique problemas de seguridad sin afectar su sitio principal.
Cuando esté listo para implementar estos cambios, como antes, vaya a Bluehost » Staging en su panel de WordPress y seleccione el botón 'Sitio de Producción'.
Aparecerá una ventana emergente a continuación, preguntándole si desea Confirmar Despliegue.
A continuación, otra ventana emergente le preguntará si desea cambiar al Entorno de Producción para completar el proceso.
Deje que su panel de WordPress se recargue. Notará que el botón rojo de staging en la parte superior de su panel de WordPress desaparecerá, indicando que está en el sitio en vivo una vez más.
¡Todos los cambios que realizó durante el staging ahora también deberían estar en vivo!
¡Bien hecho! Ahora ha utilizado Bluehost para crear un sitio de staging.
Cómo crear un sitio de Staging en WP Engine
WP Engine es una de las mejores empresas de hosting gestionado de WordPress. Con WP Engine, no tiene que preocuparse por la seguridad, el rendimiento, la velocidad y las copias de seguridad de su sitio porque su plataforma viene con todas estas funciones incluidas.
Aparte de eso, cada plan de WP Engine también ofrece una configuración de entorno de staging con 1 clic.
Para configurar el sitio de staging en WP Engine, necesitas iniciar sesión en tu panel de control de WP Engine y hacer clic en tu sitio para el cual deseas crear un sitio web de staging.
Después de eso, haz clic en la opción Agregar Staging para crear un entorno de staging.
Comienza ingresando un nombre para tu nuevo sitio de staging. Haz clic en el botón Crear Entorno para lanzar tu sitio de staging.
El nuevo sitio de staging será un sitio web de WordPress en blanco. Puedes cambiar a tu sitio de producción desde el menú de la izquierda.
Para clonar el contenido de tu sitio de producción en tu sitio de staging, necesitas hacer clic en el botón Copiar a y luego en la opción Staging.
Luego elige un punto de respaldo y haz clic en el botón Vista previa de copia para continuar al siguiente paso.
A continuación, verás una ventana emergente que te pedirá que confirmes que deseas copiar el contenido del sitio web en vivo al entorno de staging. Haz clic en el botón Copiar Entorno.
¡Eso es todo! Has configurado un sitio de staging en WP Engine y clonado el contenido de tu sitio de producción con éxito.
Migra tu sitio de Staging a Sitio en Vivo en WP Engine
Primero, navega a Staging » Puntos de respaldo desde el menú de la izquierda. Luego, haz clic en el botón Respaldar ahora.
Una ventana emergente te pedirá que ingreses la descripción del respaldo y una dirección de correo electrónico para enviar una notificación cuando el respaldo esté listo.
Haz clic en el botón Crear respaldo de staging para continuar.
Una vez que el respaldo se procese, puedes proceder a hacer clic en la opción Copiar a.
Ahora, elige el punto de respaldo que agregaste al configurar el entorno de staging y haz clic en el botón Vista previa de copia.
Se abrirá una ventana emergente donde deberás confirmar que deseas mover tu sitio de staging al sitio en vivo. Haz clic en el botón Copiar Entorno para continuar.
Recibirás una notificación en tu dirección de correo electrónico cuando el proceso de migración se complete.
Cómo crear un sitio de Staging en SiteGround
SiteGround es una empresa líder en hosting web en el mercado que también viene con una configuración de sitio de staging con 1 clic en sus planes premium: GrowBig y GoGeek.
Si te has suscrito a SiteGround con alguno de estos planes de hosting, entonces es fácil configurar un sitio de staging para ti.
Comienza iniciando sesión en tu cuenta de SiteGround y haz clic en el botón Site Tools. Desde allí, necesitas visitar WordPress » Staging en el menú de la izquierda.
A continuación, ingresa el nombre de tu sitio de staging y haz clic en el botón Create.
En unos segundos, verás un mensaje de éxito y tu sitio de staging estará listo. Puedes desplazarte hacia abajo hasta la sección Manage Staging Copies y hacer clic en el ícono de flecha para iniciar sesión en el área de administración de WordPress de tu sitio de staging.
¡Eso es todo! Has creado exitosamente un sitio de staging. Estás listo para comenzar a implementar nuevas funciones y probar errores.
Migra tu sitio de staging a tu sitio en vivo en SiteGround
Cuando hayas terminado de hacer cambios en el entorno de staging, puedes continuar y migrar tu sitio de staging al sitio web en vivo.
Para hacerlo, ve a WordPress » Staging en tu panel de SiteGround Site Tools. Luego, desplázate hacia abajo hasta encontrar la sección Manage Staging Copies.
Encuentra la copia de staging que creaste en el paso anterior y haz clic en los 3 puntos verticales junto a ella. Ahora, haz clic en la opción Full Deploy.
Ahora necesitarás confirmar la implementación. Luego haz clic en el botón Confirm para continuar.
Necesitas esperar unos minutos para que el proceso se complete y luego verás un mensaje de éxito.
Esperamos que este artículo te haya ayudado a aprender cómo configurar un sitio de staging de WordPress. A continuación, respondemos algunas preguntas frecuentes.
Preguntas frecuentes: Cómo configurar un sitio de staging de WordPress
¿Un sitio de staging y un sitio de desarrollo son lo mismo?
Un sitio de staging es esencialmente un clon de tu sitio web en vivo donde puedes probar cambios, actualizaciones o nuevas funciones antes de implementarlas en el sitio en vivo. Es una salvaguarda contra posibles errores o problemas que podrían interrumpir tu sitio en vivo. Un sitio de desarrollo es utilizado principalmente por los desarrolladores para codificar y crear funciones o funcionalidades completamente nuevas. Es donde ocurre el trabajo inicial antes de que esté listo para ser probado en el sitio de staging.
¿Qué es mejor, hacer staging localmente o hacer staging de un sitio en vivo?
Cuando haces staging de un sitio en vivo, replicas el entorno y las condiciones reales del servidor, lo que hace más probable que descubras cualquier problema o conflicto relacionado con el servidor que pueda surgir cuando los cambios se publiquen. El staging local, aunque útil para algunas pruebas, puede no detectar todos los problemas potenciales que podrían ocurrir en el entorno en vivo.
¿Cuál es la diferencia entre UAT y un entorno de staging?
El entorno de staging es donde el equipo de desarrollo prueba a fondo los cambios y actualizaciones antes de implementarlos en el sitio en vivo. Es principalmente una fase de prueba interna para detectar y resolver problemas. UAT, por otro lado, es la fase de Pruebas de Aceptación del Usuario, donde usuarios reales o partes interesadas evalúan el sitio preparado para su usabilidad y funcionalidad. UAT asegura que el sitio cumpla con las expectativas y requisitos de los usuarios finales antes de que se publique. El plugin Duplicator puede ser invaluable para configurar y administrar entornos de staging y UAT.
¿QA y staging son lo mismo?
El staging (entorno de preproducción) es una fase donde los cambios o actualizaciones se prueban rigurosamente en un entorno que refleja el sitio en vivo, con el objetivo de identificar y corregir cualquier problema o error. QA (aseguramiento de la calidad), por otro lado, es un proceso más amplio que abarca varias fases de prueba, incluido el staging. QA incluye actividades como pruebas funcionales, pruebas de regresión, pruebas de rendimiento y más para garantizar la calidad y confiabilidad general del sitio web. El staging es parte del proceso de QA. Se enfoca en los aspectos técnicos de la prueba de cambios antes de que sean aceptados para pruebas de QA más amplias. El plugin Duplicator puede ser una herramienta valiosa para crear entornos de staging estables y seguros, contribuyendo a un excelente proceso de QA.
¿Se puede usar una copia de seguridad como alternativa a un sitio de staging?
Una copia de seguridad puede considerarse una alternativa parcial a un sitio de staging en ciertos escenarios. Las copias de seguridad capturan una instantánea de tu sitio en vivo en un momento específico, lo que te permite restaurarlo si algo sale mal durante los cambios. Sin embargo, las copias de seguridad carecen de las capacidades de prueba interactivas de un sitio de staging. Los sitios de staging proporcionan un entorno controlado para probar y refinar activamente los cambios sin afectar tu sitio en vivo. Si bien las copias de seguridad ofrecen una red de seguridad, los sitios de staging son preferibles para pruebas y desarrollo integrales. Te permiten realizar, evaluar y perfeccionar los cambios antes de aplicarlos al sitio en vivo.
Esperamos que hayas disfrutado aprendiendo más sobre cómo crear un sitio de staging. Aquí tienes 8+ de los mejores constructores de páginas y constructores de temas de WordPress para ayudarte a mejorar tu experiencia en WordPress.
Además, aquí tienes algunos recursos adicionales que creemos que te serían beneficiosos.
- Los 9 mejores plugins de staging para tu sitio web de WordPress (Comparativa)
- ¿Cómo crear un sitio de prueba de WordPress? (3 maneras fáciles)
- Duplicator vs. UpdraftPlus vs. BackupBuddy: ¿Cuál es mejor?
Los dos primeros artículos te enseñarán más sobre las pruebas y los sitios de staging. Mientras que el último artículo te ayudará a comparar características específicas de copia de seguridad de algunos de los mejores plugins de copia de seguridad de la actualidad.
Comentarios Dejar una respuesta