{"id":10645,"date":"2020-05-26T00:20:36","date_gmt":"2020-05-25T22:20:36","guid":{"rendered":"https:\/\/blog.hostinger.io\/mx-tutoriales\/?p=10645"},"modified":"2026-03-10T16:28:31","modified_gmt":"2026-03-10T15:28:31","slug":"entorno-staging-wordpress","status":"publish","type":"post","link":"\/mx\/tutoriales\/entorno-staging-wordpress","title":{"rendered":"Entorno staging de WordPress: una gu\u00eda para crear un sitio de staging en WordPress"},"content":{"rendered":"

Los sitios web de WordPress tienen una ventaja significativa: la posibilidad de crear un sitio de ensayo o staging para probar cambios y actualizaciones antes de ponerlo en marcha. <\/p>

Como duplicado de tu sitio en vivo, un entorno de prueba te permite experimentar con diferentes diseños, plugins y contenidos sin afectar a la experiencia del usuario.<\/p>

En esta guía de WordPress, cubriremos tres métodos para crear un sitio de staging de WordPress utilizando la herramienta de prueba integrada de Hostinger, un plugin de staging y un clon de sitio web de subdominio. <\/p>

También compartiremos consejos para utilizar y eliminar el sitio de staging después de actualizar tu sitio de WordPress activo.<\/p>

Para quienes no conozcan los entornos de staging, al final del artículo repasaremos sus ventajas y cómo ayudan a mejorar el rendimiento de tu sitio web y la experiencia del usuario.<\/p>

\n

¿Qué es el entorno staging de WordPress?<\/h2>\n

Un entorno de staging de WordPress es una versión de prueba privada de todo tu sitio. Con una web de prueba, puedes probar los cambios de forma segura y privada antes de implementarlos en el sitio web activo.<\/p>\n <\/div><\/p>

Cómo configurar un entorno de staging de WordPress<\/h2>

Independientemente del método que prefieras, ten en cuenta que la publicación del contenido de staging sustituye a los archivos y bases de datos de tu sitio original. <\/p>

Haz una copia de seguridad de todo tu sitio web de WordPress<\/a> antes de desplegar los cambios de puesta en escena para evitar cualquier posible pérdida de datos.<\/p>

Los usuarios de Hostinger pueden crear y gestionar copias de seguridad del sitio web en hPanel a través de Archivos <\/strong>→ Copias de seguridad<\/strong>. <\/p>

Si tu proveedor de hosting web no tiene una función de copia de seguridad, hay disponibles varios plugins de copia de seguridad para proteger tus datos.<\/p>

Ahora veamos las tres formas de crear un entorno de prueba de WordPress. <\/p>

Cómo crear un entorno de staging de WordPress con la herramienta de pruebas de Hostinger<\/h3>

Los usuarios del plan Business del hosting WordPress<\/a> y Cloud hosting<\/a> de Hostinger pueden crear sitios de ensayo desde hPanel, el panel de control de su cuenta de alojamiento. Este método es adecuado para principiantes, ya que no necesitas instalar herramientas adicionales.<\/p>

\n
\"\"<\/a><\/figure><\/div>

1. Configurar el sitio de staging<\/strong><\/p>

Empecemos creando un sitio de prueba en el hPanel de Hostinger<\/a>:<\/p>

    \n
  1. Ve a WordPress <\/strong>→ Staging <\/strong>desde el panel de control de tu alojamiento.<\/li>\n<\/ol>
    \"Menú<\/figure><\/div>
      \n
    1. En la pestaña Staging<\/strong>, selecciona el botón Crear staging.<\/strong><\/li>\n<\/ol>
      \"Sección<\/figure>
        \n
      1. Introduce el nombre del subdominio para el sitio de ensayo y haz clic en Crear<\/strong>.<\/li>\n<\/ol>
        \"Mensaje<\/figure>
          \n
        1. El proceso de duplicación puede durar hasta 15 minutos, dependiendo del tamaño del sitio web de producción. Pulsa el botón Cerrar <\/strong>para descartar el mensaje de confirmación.<\/li>\n\n\n\n
        2. Una vez hecho esto, desplázate hasta la lista de sitios de ensayo y haz clic en Administrar staging <\/strong>junto al entorno recién creado.<\/li>\n<\/ol>
          \"Lista<\/figure>
            \n
          1. En el panel de control de staging, selecciona Panel de administración de staging <\/strong>para acceder al área de administración de WordPress y empezar a hacer cambios.<\/li>\n<\/ol>
            \"Panel<\/figure>

            2. Desplegar los cambios en el centro de producción<\/strong><\/p>

            Después de hacer todos los cambios necesarios, sigue estos pasos para desplegarlos en el sitio web activo:<\/p>

              \n
            1. En la lista de sitios de ensayo, haz clic en el icono de los tres puntos situado junto al sitio de ensayo modificado recientemente y pulsa Publicar<\/strong>.<\/li>\n<\/ol>
              \"Botón<\/figure>
                \n
              1. Lee la cláusula de exención de responsabilidad y pulsa Publicar <\/strong>para confirmar. El proceso puede tardar unos 15 minutos en completarse.<\/li>\n<\/ol>
                \"Mensaje<\/figure>
                  \n
                1. Nuestra herramienta de staging de WordPress realiza automáticamente una copia de seguridad de todo tu sitio web de WordPress. Haz clic en el icono de los tres puntos y pulsa Revertir <\/strong>para volver a la versión previa a la puesta en marcha si es necesario.<\/li>\n<\/ol>

                  \n

                  Consejo profesional<\/h4>\n

                  Nuestros planes de alojamiento de WordPress gestionado cuentan con un gestor de IP, WP-CLI y acceso SSH, y copias de seguridad automáticas, lo que ofrece una mayor seguridad de los datos y un control total sobre tu entorno de pruebas.<\/p>\n <\/div><\/p>

                  Cómo crear un entorno de staging de WordPress con plugin WP Staging<\/h3>

                  Si tu proveedor de alojamiento no dispone de una función de staging, puedes crear un sitio web de prueba de WordPress utilizando un plugin. <\/p>

                  Por suerte, hay muchos plugins de staging disponibles para facilitarte el trabajo como propietario de un sitio.<\/p>

                  En la siguiente sección, utilizaremos la versión gratuita de WP Staging<\/a>, uno de los plugins más populares de WordPress<\/a> para agilizar la puesta en escena y las copias de seguridad. <\/p>

                  Sin embargo, enviar cambios al sitio activo es una función Pro. Para obtenerla, adquiere el plan premium de WP Staging a partir de 8.08 dólares al mes<\/strong>.<\/p>

                  Tras instalar y activar el plugin de WordPress<\/a>, sigue estos pasos para crear un sitio de ensayo:<\/p>

                    \n
                  1. Ve a la pestaña “WP Staging” <\/strong>del panel de control de WordPress y haz clic en el botón “Create Staging Site”.<\/strong><\/li>\n<\/ol>
                    \"Panel<\/figure>
                      \n
                    1. Introduce el nombre del sitio para crear una URL de sitio de ensayo personalizada. <\/li>\n<\/ol>
                      \"Panel<\/figure>
                        \n
                      1. El plugin de staging de WordPress clona automáticamente los datos de tu sitio activo en el entorno de prueba. Despliega las secciones Tablas de base de datos <\/strong>y Archivos <\/strong>para seleccionar elementos para duplicar, agilizando el proceso de puesta en escena. Si no, sigue la configuración predeterminada.<\/li>\n<\/ol>
                        \"Sección<\/figure>
                          \n
                        1. Selecciona Empezar clonación <\/strong>y espera unos minutos a que finalice el proceso.<\/li>\n\n\n\n
                        2. Si el proceso de clonación se realiza correctamente, recibirás un mensaje de confirmación con la URL del sitio de ensayo. Haz clic en Cerrar <\/strong>para descartarlo.<\/li>\n<\/ol>
                          \"Mensaje<\/figure><\/div>
                            \n
                          1. Vuelve a WP Staging <\/strong>→ Tus sitios en staging <\/strong>y selecciona Acciones <\/strong>→ Abrir <\/strong>para acceder al sitio de ensayo recién creado con tus credenciales de administrador.<\/li>\n<\/ol>
                            \"Acciones<\/figure>

                            Cómo crear un entorno de staging de WordPress manualmente utilizando un subdominio<\/h3>

                            El método manual requiere más conocimientos técnicos y tiempo que el uso de una herramienta de staging. <\/p>

                            Sin embargo, proporciona un control total sobre la puesta en escena, permitiendo probar códigos personalizados o configuraciones complejas del sitio dentro de un entorno adaptado que refleja el sitio en vivo.<\/p>

                            Esta guía explica cómo crear manualmente un sitio de staging de WordPress utilizando el Administrador de archivos de Hostinger<\/a>.<\/p>

                            1. Crear el subdominio<\/strong><\/p>

                            Configurar un sitio de ensayo de WordPress en un subdominio<\/a> garantiza cambios más seguros, ya que está separado del sitio web de producción. A continuación te explicamos cómo hacerlo:<\/p>

                              \n
                            1. Ve a Dominios <\/strong>→ Subdominios <\/strong>desde el panel de control de hPanel.<\/li>\n<\/ol>
                              \"Menú<\/figure><\/div>
                                \n
                              1. Introduce el nombre del subdominio. Este paso crea una nueva carpeta en el directorio public_html<\/strong>. Alternativamente, marca la opción Carpeta personalizada para el subdominio <\/strong>para crear una nueva carpeta de subdominio con un nombre personalizado. Haz clic en Crear<\/strong>.<\/li>\n<\/ol>
                                \"Menú<\/figure>
                                  \n
                                1. El nuevo subdominio aparecerá en la sección Lista de subdominios actuales<\/strong>.<\/li>\n<\/ol>
                                  \"Lista<\/figure>

                                  2. Copiar los archivos del sitio web<\/strong><\/p>

                                  El siguiente paso es rellenar el nuevo subdominio con los archivos de tu sitio de WordPress. Puedes copiar los archivos del sitio activo utilizando el Administrador de archivos de tu proveedor de alojamiento o un cliente FTP como FileZilla<\/a>.<\/p>

                                  Sigue estos pasos para duplicar los archivos del sitio en vivo utilizando el Administrador de archivos de Hostinger:<\/p>

                                    \n
                                  1. Dirígete a Archivos <\/strong>→ Administrador de archivos <\/strong>desde hPanel y elige Acceder a los archivos de (tu sitio activo)<\/strong>.<\/li>\n<\/ol>
                                    \"Administrador<\/figure>
                                      \n
                                    1. Haz doble clic en public_html<\/strong>, el directorio raíz, para acceder a él.<\/li>\n\n\n\n
                                    2. Copia todas las carpetas y archivos en la carpeta del subdominio. El método más sencillo es pulsar Ctrl + A <\/strong>en Windows o Comando + A <\/strong>en Mac, anular la selección de la carpeta del subdominio y hacer clic en el icono Copiar archivo <\/strong>de la barra de herramientas superior.<\/li>\n<\/ol>
                                      \"Administrador<\/figure>

                                      3. Clonar la base de datos<\/strong><\/p>

                                      Después de duplicar tus archivos de WordPress, haz lo mismo con la base de datos existente.<\/p>

                                      A continuación te explicamos cómo clonar tu base de datos de WordPress<\/a> utilizando phpMyAdmin<\/strong>, una popular herramienta de administración de bases de datos MySQL:<\/p>

                                        \n
                                      1. Navega a WordPress <\/strong>→ Vista General <\/strong>desde hPanel. Abre la pestaña Panel de control <\/strong>y comprueba qué base de datos utiliza tu sitio web principal.<\/li>\n<\/ol>
                                        \"Vista<\/figure>
                                          \n
                                        1. Dirígete a Bases de datos <\/strong>→ Administración <\/strong>desde hPanel y crea una nueva base de datos para el sitio de staging. Si el proceso se realiza correctamente, la nueva base de datos aparecerá en la Lista de bases de datos y usuarios MySQL actuales<\/strong>.<\/li>\n<\/ol>
                                          \"Administración<\/figure>
                                            \n
                                          1. Accede a Bases de datos <\/strong>→ phpMyAdmin <\/strong>y haz clic en Introducir phpMyAdmin <\/strong>junto a la base de datos de tu sitio activo.<\/li>\n<\/ol>
                                            \"Sección<\/figure>
                                              \n
                                            1. Una vez que hPanel te redirija a phpMyAdmin, abre la pestaña Export <\/strong>y pulsa Ir<\/strong>. Si utilizas la configuración predeterminada, podrás descargar la base de datos en formato SQL <\/strong>a tu ordenador.<\/li>\n<\/ol>
                                              \"Panel<\/figure>
                                                \n
                                              1. Vuelve a la sección phpMyAdmin de hPanel. Esta vez, selecciona Introducir phpMyAdmin <\/strong>junto a tu base de datos de ensayo.<\/li>\n\n\n\n
                                              2. Dentro de phpMyAdmin, abre la pestaña Importar <\/strong>y selecciona el archivo SQL descargado. Mantén la configuración por defecto y pulsa Ir<\/strong>.<\/li>\n<\/ol>
                                                \"Panel<\/figure>
                                                  \n
                                                1. Si el proceso de importación se realiza correctamente, aparecerá un mensaje de confirmación junto con las tablas de la base de datos en la barra lateral.<\/li>\n<\/ol>
                                                  \"Interfaz<\/figure>

                                                  4. Configurar el archivo wp-config.php del subdominio<\/strong><\/p>

                                                  Ahora que tienes una base de datos independiente para las pruebas, conéctala a tu nuevo sitio de ensayo en el subdominio. Puedes hacerlo modificando el archivo wp-config.php<\/a>, un elemento central de tu instalación de WordPress que almacena información sobre la base de datos.<\/p>

                                                  Sigue estos pasos para establecer una nueva conexión a la base de datos en el archivo wp-config.php:<\/strong><\/p>

                                                    \n
                                                  1. En el Administrador de archivos, abre public_html <\/strong>→ staging <\/strong>→ wp-config.php<\/strong>.<\/li>\n<\/ol>
                                                    \"Archivo<\/figure>
                                                      \n
                                                    1. Desplázate hacia abajo hasta que encuentres una línea de código que dice Database settings – You can get this info from your web host<\/strong>. Añade el siguiente código encima:<\/li>\n<\/ol>
                                                      define('WP_HOME','http:\/\/staging.domain.tld');\ndefine('WP_SITEURL','http:\/\/staging.domain.tld');<\/pre>
                                                      Recuerda cambiar el marcador de posición staging.dominio.tld <\/strong>por tu subdominio de staging.<\/p>
                                                      \"Edición<\/figure>
                                                        \n
                                                      1. Cambia los valores DB_NAME<\/strong>, DB_USER <\/strong>y DB_PASSWORD <\/strong>para que coincidan con la información y las credenciales de la base de datos de tu sitio de ensayo. Cuando hayas terminado, haz clic en el icono Guardar<\/strong>.<\/li>\n<\/ol>
                                                        \"Edición<\/figure>
                                                        Ya puedes utilizar el entorno de ensayo.<\/p>
                                                        5. Desplegar los cambios en el centro de producción<\/strong><\/p>
                                                        Este paso consiste en importar la base de datos y los archivos del sitio de ensayo al entorno de producción.<\/p>
                                                        Como sólo puedes importar a una base de datos vacía, borra primero la base de datos del sitio activo. Tras hacer una copia de seguridad de la base de datos del sitio original mediante la función de exportación de phpMyAdmin, sigue estos pasos:<\/p>
                                                          \n
                                                        1. Exporta <\/strong>la base de datos de tu sitio de ensayo a través de Bases de datos <\/strong>→ phpMyAdmin<\/strong>.<\/li>\n\n\n\n
                                                        2. Abre la base de datos de tu sitio activo en phpMyAdmin.<\/li>\n\n\n\n
                                                        3. En la pestaña Estructura<\/strong>, marca la casilla Marcar todo <\/strong>situada bajo la lista de tablas y selecciona Eliminar <\/strong>en el campo desplegable situado junto a ella. Selecciona Ir <\/strong>para eliminar todas las tablas de la base de datos.<\/li>\n<\/ol>
                                                          \"Interfaz<\/figure>
                                                            \n
                                                          1. Importa<\/strong> el <\/strong>archivo de base de datos del sitio de ensayo al sitio activo.<\/li>\n<\/ol>
                                                            Para los archivos de tu sitio web, copia todo excepto wp-config.php <\/strong>de la carpeta staging <\/strong>a la carpeta public_html <\/strong>utilizando el Administrador de archivos.<\/p>
                                                            Cómo eliminar un sitio de staging<\/h2>
                                                            A muchos usuarios de WordPress les gusta la comodidad de tener sitios de ensayo listos en todo momento. <\/p>
                                                            Sin embargo, eliminar un sitio de staging tras una actualización puede ahorrar recursos del servidor y agilizar la gestión del sitio web, centrando tus esfuerzos en el entorno de producción.<\/p>
                                                            Aquí tienes una guía para eliminar un sitio de ensayo, según cómo lo hayas creado:<\/p>
                                                            Eliminar un un entorno de staging de WordPress con la herramienta de pruebas de Hostinger<\/strong><\/p>
                                                              \n
                                                            1. Dirígete a la lista de sitios de ensayo en hPanel y localiza el sitio web que quieres eliminar.<\/li>\n\n\n\n
                                                            2. Selecciona el icono de los tres puntos y pulsa Borrar<\/strong>.<\/li>\n<\/ol>
                                                              \"Opción<\/figure>
                                                                \n
                                                              1. Lee la cláusula de exención de responsabilidad y selecciona Borrar <\/strong>para confirmar.<\/li>\n<\/ol>
                                                                Eliminar un entorno de staging de WordPress con plugin WP Staging<\/strong><\/p>
                                                                  \n
                                                                1. Dirígete a WP Staging <\/strong>→ Tus sitios en staging <\/strong>desde el panel de administración de WordPress y localiza el sitio web que ya no utilizas para las pruebas.<\/li>\n\n\n\n
                                                                2. Haz clic en Acciones <\/strong>→ Borrar <\/strong>junto al centro de ensayo elegido.<\/li>\n<\/ol>
                                                                  \"Opción<\/figure>
                                                                    \n
                                                                  1. Selecciona todas las tablas y archivos de la base de datos de preparación que quieras eliminar y, a continuación, haz clic en Eliminar<\/strong>.<\/li>\n<\/ol>
                                                                    \"Mensaje<\/figure>
                                                                    Eliminar un entorno de staging de WordPress manualmente utilizando un subdominio<\/strong><\/p>
                                                                      \n
                                                                    1. Elimina <\/strong>la carpeta staging <\/strong>del <\/strong>directorio public_html <\/strong>mediante el Administrador de archivos.<\/li>\n<\/ol>
                                                                      \"Opción<\/figure>
                                                                        \n
                                                                      1. Dirígete a la Lista de bases de datos y usuarios MySQL actuales <\/strong>en hPanel a través de Bases de datos <\/strong>→ Administración<\/strong>. Haz clic en el icono de los tres puntos situado junto a tu base de datos de ensayo y elige Eliminar<\/strong>. Lee la cláusula de exención de responsabilidad y pulsa Confirmar eliminación<\/strong>.<\/li>\n<\/ol>
                                                                        \"Lista<\/figure>
                                                                          \n
                                                                        1. Accede a la Lista de subdominios actuales <\/strong>a través de Dominios <\/strong>→ Subdominios<\/strong>. Selecciona el icono Borrar <\/strong>situado junto al subdominio de montaje que ya no utilizas. Lee la cláusula de exención de responsabilidad y pulsa Borrar <\/strong>para confirmar.<\/li>\n<\/ol>
                                                                          \"Lista<\/figure>
                                                                          Consejos útiles para utilizar un entorno de staging <\/h2>
                                                                          Éstas son algunas de las mejores prácticas para garantizar un proceso de desarrollo web seguro y sin problemas en un sitio de pruebas:<\/p>