Cómo configurar un sitio de prueba de WordPress

Publicado: 2019-06-12

Uno de los aspectos más importantes del funcionamiento de un sitio web de WordPress es el mantenimiento. Al realizar actualizaciones del sitio web regularmente, puede asegurarse de que su sitio web sea seguro y funcione de manera eficiente.

Las actualizaciones del sitio web se refieren a cualquier cambio que realice en WordPress o en su tema de WordPress activado. Esto incluye la actualización a la última versión de WordPress, la actualización de temas y complementos de WordPress y ajustes en el diseño de su sitio web.

Es una buena práctica hacer una copia de seguridad de WordPress antes de realizar cualquier cambio importante en su sitio web, como actualizar WordPress a la última versión o modificar una plantilla de tema. La mayoría de nosotros, sin embargo, somos culpables de hacer cambios rápidos en un sitio web en vivo para ahorrar tiempo. Desafortunadamente, esto puede ser arriesgado.

Cuando actualiza un complemento de WordPress, siempre existe la posibilidad de que la actualización bloquee su sitio web. Incluso un cambio menor en un widget de WordPress puede causar problemas importantes en la interfaz de su sitio web si no ha ingresado el código correctamente.

Esta es la razón por la que los propietarios de sitios web de WordPress con experiencia utilizan un entorno de prueba de WordPress. Un entorno de prueba reduce el riesgo de que algo se rompa en su sitio web en vivo.

En este artículo, me gustaría explicar los beneficios de la puesta en escena del sitio web y mostrarle cómo puede configurar un sitio de prueba de WordPress para su sitio web.

El beneficio de la puesta en escena del sitio web

Un entorno de prueba es un área de prueba que tiene una copia exacta de su sitio web de WordPress.

Con este sitio web de prueba, puede realizar actualizaciones de forma segura sin preocuparse de que algo salga mal, ya que el sitio web de prueba no se muestra públicamente. Si el sitio web de prueba falla, simplemente debe restablecerlo y convertirlo en un clon de su sitio web en vivo una vez más.

Esta configuración le permitirá realizar modificaciones de código, actualizaciones de complementos y otros cambios, sin el riesgo de que su sitio web en vivo se caiga. Una vez que esté satisfecho con los cambios que ha realizado, el sitio web de prueba se puede copiar y reemplazar su sitio web en vivo.

La mayoría de las personas se refieren al sitio web de prueba como el sitio de prueba.

Configurar un sitio de prueba para su sitio web es muy beneficioso. Si lo usa activamente para todas las actualizaciones del sitio web, puede eliminar efectivamente la posibilidad de que su sitio web en vivo se desconecte debido a una actualización o modificación.

Cree un entorno de ensayo con su anfitrión

En los últimos cinco años, hemos visto cómo las empresas de alojamiento de WordPress gestionado se han vuelto más populares. Los servicios de alojamiento administrado de WordPress se especializan en alojar sitios web de WordPress y ofrecen un entorno de alojamiento simplificado, soporte experto de WordPress, copias de seguridad diarias y funciones de rendimiento como el almacenamiento en caché.

La puesta en escena del sitio web se integra con frecuencia en el panel de control de alojamiento principal en los planes de alojamiento administrados de WordPress. Lo ofrecen empresas de alojamiento gestionado como Kinsta y WP Engine y en los planes de WordPress de empresas de alojamiento más asequibles como Bluehost y SiteGround.

En términos generales, configurar un sitio de prueba a través de su empresa de alojamiento es una de las formas más fáciles de utilizar para utilizar la puesta en escena del sitio web. Se pueden crear nuevas áreas de preparación, implementarlas en su sitio web en vivo y eliminarlas después, con solo hacer clic en un botón.

Consulte el tutorial de Brian Jackson sobre cómo configurar un entorno de prueba en Kinsta para ver cómo funciona todo el proceso.

Crear un entorno de prueba en Kinsta

BlogVault es un servicio de seguridad y copia de seguridad premium que apareció recientemente en mi artículo sobre la copia de seguridad de WordPress. He estado usando BlogVault para respaldar mi blog durante un año y Charlie Livingston, el fundador de aThemes, también usa el servicio.

Uno de los aspectos más interesantes de BlogVault es que, además de proporcionar copias de seguridad diarias y escaneos de seguridad, también ofrece puesta en escena del sitio web.

Crear un nuevo entorno de ensayo es sencillo. Todo lo que tiene que hacer es seleccionar una copia de seguridad de su sitio web que desea implementar como sitio de prueba y la versión de PHP que desea usar en el entorno de prueba.

BlogVault le proporciona información de inicio de sesión de sFTP y phpMyAdmin para su sitio de prueba para que pueda acceder a él directamente. También se aseguran de que el sitio de prueba esté oculto para los motores de búsqueda.

Crear un entorno de ensayo en BlogVault

Si su empresa de alojamiento ofrece puesta en escena de sitios web, le recomiendo usarla para actualizaciones de sitios web, ya que es una solución de puesta en escena fácil de usar.

Sin embargo, debe tener en cuenta que muchas empresas de alojamiento no ofrecen puesta en escena de sitios web y las que sí lo hacen, a veces cobran más por la función o restringen la puesta en escena de sitios web a planes de mayor precio. Además, muchas empresas de alojamiento de WordPress administradas limitan a los clientes a un sitio de prueba.

Afortunadamente, no es demasiado difícil configurar un entorno de ensayo usted mismo.

Cómo crear un entorno de ensayo con WP Staging

WP Staging es un complemento de WordPress que simplifica el proceso de creación y administración de su propio entorno de ensayo.

Una vez que active el complemento, se le recomendará que haga una copia de seguridad de su sitio web de WordPress, utilizando una solución como BackWPup, antes de crear su primer sitio de prueba.

Mensaje de copia de seguridad de WP Staging

Se pueden crear nuevos entornos de ensayo en tres pasos.

En el paso uno, todo lo que tiene que hacer es hacer clic en "Crear nuevo sitio de prueba".

Descripción general de la puesta en escena de WP

En el segundo paso, puede configurar su sitio de ensayo.

Esta sección se divide en tres categorías: tablas de base de datos, archivos y configuración avanzada.

Escaneando su sitio web

Todas las tablas de la base de datos se seleccionan de forma predeterminada; sin embargo, tiene la opción de excluir las tablas para que no se copien en su sitio de ensayo.

Tablas de base de datos

El complemento también le permite seleccionar qué directorios de WordPress se copian en su entorno de ensayo.

También se pueden migrar directorios adicionales.

Gestión de archivos en WP Staging

WP Staging es de uso gratuito, sin embargo, si actualiza a la versión pro, desbloqueará funciones adicionales, como la clonación a una base de datos o dominio diferente. Ambas características están visibles en la versión gratuita, pero están restringidas.

Una licencia única para WP Staging Pro se vende a partir de 89 € y viene con un año de soporte y actualizaciones.

Configuración avanzada de puesta en escena de WP

Una vez que haya indicado qué tablas de base de datos y archivos copiar, debe verificar el espacio en disco requerido utilizando el enlace en la parte inferior. Esto variará de un sitio web a otro. Para mi sitio web de prueba de WordPress, el complemento estimó que se requerían 2 GB.

A continuación, puede comenzar el proceso de clonación.

El tiempo que lleva crear un clon de su sitio web en un área de ensayo dependerá del tamaño de su sitio web. Como referencia, tomó tres minutos y 40 segundos crear el clon de mi sitio web de prueba de WordPress.

Procesamiento de clonación de sitios web

Una vez que su sitio web ha sido clonado, WP Staging le proporciona un enlace directo a su nuevo sitio de ensayo.

Debajo encontrará notas sobre su sitio provisional, como la desactivación de los enlaces permanentes compatibles con los motores de búsqueda.

Procesamiento completo

Una de las cosas que me encantan de WP Staging es que cambia el color de la barra de administración de WordPress para recordarle que está viendo su sitio provisional, no su sitio en vivo.

Frontend del sitio de ensayo

También se muestra un recordatorio de que está viendo su sitio de prueba en la página del complemento WP Staging.

Backend del sitio de ensayo

WP Staging es una fantástica solución de puesta en escena para los usuarios de WordPress. El proceso de clonación de su sitio web es rápido y simple y hay un área de configuración general que le permite ajustar la configuración de transferencia para su base de datos y archivos. Estos ajustes también se pueden importar y exportar.

El complemento le permite crear tantos sitios provisionales como desee y, desde la página de resumen principal, puede eliminar sitios provisionales y sobrescribirlos con la versión actual de su sitio web.

Creo que la versión gratuita será suficiente para muchos usuarios de WordPress, sin embargo, puede actualizar a la versión pro si necesita copiar su sitio web a diferentes bases de datos y dominios.

Cómo crear un entorno de ensayo con WP Stagecoach

WP Stagecoach es una solución de ensayo premium de WordPress que almacena el sitio de ensayo en su servidor, no en el tuyo.

Esto puede ser preferible para muchos propietarios de sitios web, ya que una solución como WP Staging reduce el almacenamiento disponible en su plan de alojamiento, ya que instala el área de ensayo en su dominio principal.

Solución de puesta en escena de WordPress con un clic

WP Stagecoach es una solución sencilla que puede configurar un área de preparación para usted en minutos.

Una vez que haya activado el complemento, debe ingresar su nombre de usuario de WP Stagecoach y la clave API en el área de configuración. Esto se le proporciona una vez que se ha registrado en el servicio.

La página de configuración también tiene otras configuraciones útiles. Esto incluye una opción para eliminar datos tras la desactivación, configuraciones adicionales si tiene problemas para crear un sitio provisional, un menú de depuración y una opción que admite sitios web alojados en servidores lentos.

Configuración de la diligencia de WP

Crear un sitio de ensayo es muy sencillo.

Todo lo que tiene que hacer es ingresar el nombre de su sitio de ensayo. Esto se utilizará para configurar un área de preparación en WPStagecoach.com.

En este punto, también puede seleccionar desactivar el almacenamiento en caché en el área de ensayo. El sitio de ensayo también se puede proteger con contraseña.

Crear un sitio de prueba

Curiosamente, WP Stagecoach sabía que no debía copiar las otras áreas de preparación que había creado previamente en mi sitio web de prueba. También sabía que no debía copiar las copias de seguridad que había creado recientemente para mi artículo "13 formas de hacer una copia de seguridad de WordPress", ya que determinó que los archivos eran demasiado grandes.

Si lo desea, aún puede copiar archivos grandes en su sitio de ensayo.

Mensaje de notificación de archivos grandes

Después de unos minutos, su sitio de ensayo estará listo. Puede iniciar sesión en su sitio de prueba con el mismo nombre de usuario y contraseña que usa en su sitio web en vivo.

WP Stagecoach también proporciona información de inicio de sesión SFTP para que pueda administrar archivos utilizando una aplicación como FileZilla.

Sitio de ensayo creado

Se muestra un mensaje en la parte superior de su sitio provisional para recordarle que no está viendo su sitio web en vivo.

También encontrará un enlace a phpMyAdmin en la página de WP Stagecoach en su área de preparación. Esto es útil si necesita realizar cambios en su base de datos de WordPress.

Este es su sitio de ensayo

WP Stagecoach está disponible desde $120 por año. Esto le permite utilizar el servicio en 10 dominios.

El plan anual de trabajo independiente funciona a una tasa mensual efectiva de $ 10 por mes; sin embargo, existe la opción de pagar mensualmente a $12 por mes.

Todos los planes le permiten probar el servicio durante dos días antes de que se le facture. Preferiría que ofrecieran un período de prueba más largo, sin embargo, esto debería ser una cantidad de tiempo suficiente para que pruebes cómo funciona todo.

Precios de WP Stagecoach

Me impresionó mucho WP Stagecoach.

La compañía ha hecho un gran trabajo al mantener el proceso de creación de un sitio de prueba simple y tiene algunas funciones excelentes, como la protección con contraseña y la capacidad de excluir archivos grandes para que no se copien en el sitio de prueba.

Cómo crear manualmente un entorno de prueba

Los complementos de WordPress como WP Staging y WP Stagecoach han simplificado el proceso de creación de su propio sitio de ensayo.

Sin embargo, es posible que desee crear un entorno de ensayo manualmente en su lugar.

La creación manual de un entorno de prueba lleva un poco más de tiempo, sin embargo, existen razones legítimas por las que muchos usuarios de WordPress eligen hacerlo de esta manera. Por ejemplo, un sitio de prueba local es más seguro ya que no se puede acceder en línea.

A pesar de que el proceso de configuración es ligeramente diferente, el propósito de configurar un sitio provisional de forma manual sigue siendo el mismo, es decir, crear una copia de su sitio web en vivo para que pueda realizar actualizaciones de forma segura.

Hay varios lugares en los que puede almacenar manualmente un sitio de ensayo.

Esto incluye:

  • Un subdirectorio de su sitio web en vivo
  • Un subdominio de su sitio web en vivo
  • Un servidor de prueba de un servicio en la nube como Vultr
  • Una instalación local de WordPress en su computadora utilizando un entorno de desarrollo como XAMPP

Para hacer un clon de su sitio web en vivo para su sitio de prueba, debe copiar todos los archivos de WordPress y copiar la base de datos de su sitio web.

  • Descargue todos los archivos de su sitio web en vivo usando un cliente FTP como FileZilla
  • Exporte la base de datos de su sitio web en vivo usando phpMyAdmin (u otra aplicación de administración de bases de datos)

Ahora que ha realizado una copia de seguridad de todo, puede crear su nueva área de preparación.

Este proceso es fácil de seguir, sin embargo, debe consultar la guía de migración oficial de WordPress si no está seguro.

  • Cree una nueva base de datos y un usuario de base de datos con privilegios de administrador para su nuevo dominio, subdominio o entorno local
  • Edite el archivo wp-config.php para reflejar la URL del nuevo servidor y la información de la base de datos
  • Sube todos los archivos al nuevo servidor usando FTP
  • Importa tu base de datos de WordPress

Clonar un sitio web de WordPress utilizando el método anterior no es difícil si sigue todos los pasos correctamente, sin embargo, puede llevar mucho tiempo. Afortunadamente, hay una serie de complementos de WordPress disponibles que simplifican todo este proceso.

WP Migrate DB y All-in-One WP Migration se pueden usar para migrar y clonar sitios web, sin embargo, la solución que recomendamos es Duplicator.

El duplicador se puede usar para clonar un sitio web de WordPress en vivo en un área de preparación o viceversa. Le permite seleccionar qué archivos y tablas de base de datos se incluyen en la copia de seguridad de su sitio web. Por ejemplo, solo puede hacer una copia de seguridad de su base de datos de WordPress.

Configuración del paquete duplicador

La información de la base de datos de su nuevo servidor se puede ingresar en la sección del instalador durante la parte de configuración de la instalación.

Duplicator podría ser un poco más fácil de usar, sin embargo, una vez que comprenda cómo funciona el complemento, apreciará lo útil que puede ser.

Paquete escaneado

Sin duda, crear un entorno de ensayo a través de su plan de alojamiento, o usar un complemento de WordPress como WP Staging o WP Stagecoach, es una forma más sencilla de crear un sitio de ensayo.

Muchos usuarios de WordPress, como los desarrolladores, optan por crear sitios de prueba manualmente, ya que les da más control sobre su entorno de prueba.

Pensamientos finales

Espero que tenga una mejor comprensión de los beneficios de la puesta en escena del sitio web y cómo puede usar los sitios de prueba para realizar actualizaciones seguras del sitio web. Creo que más usuarios de WordPress deberían aprovechar la puesta en escena del sitio web, ya que elimina la posibilidad de que una actualización del núcleo de WordPress o una actualización del complemento bloqueen su sitio web en vivo.

Si bien sé cómo configurar un sitio de preparación manualmente, personalmente prefiero soluciones de preparación de sitios web más fáciles de usar, ya que son más fáciles de configurar y mantener. Además, me ahorra tiempo.

Sea cual sea el método que utilice para crear un sitio provisional para su sitio web en vivo, espero que este tutorial le haya resultado útil.

Buena suerte.
Kevin