Más del 60 %de las páginas web de todo el mundo utilizan el sistema de gestión de co­n­te­ni­dos (o CMS, por sus siglas en inglés) WordPress. Es gratuito, fácil de instalar y de utilizar y, por si eso fuera poco, sigue de­sa­rro­llá­n­do­se co­n­s­ta­n­te­me­n­te gracias a una gran comunidad de vo­lu­n­ta­rios. Como usuario, por lo general bastan co­no­ci­mie­n­tos básicos de editor de texto para redactar contenido, ya que WordPress ofrece prá­c­ti­ca­me­n­te todas las funciones ima­gi­na­bles para una web en forma de sus casi 60 000 plugins.

Sin embargo, incluso a los pro­gra­ma­do­res más veteranos puede pasarles que, tras instalar WordPress o ac­tua­li­zar un plugin, no funcione nada. La pantalla está en blanco, no se muestra la interfaz de inicio de sesión o la página web ha des­apa­re­ci­do. Por suerte, esta ca­tá­s­tro­fe puede evitarse usando un entorno de pruebas en el que probar con todas las novedades posibles, sin miedo de cometer errores y sin la presión de que algún visitante los vea. En de­fi­ni­ti­va, con un entorno de pruebas no se corre el riesgo de echar por la borda toda la presencia web. En este artículo te contamos cómo crearlo usando WordPress staging.

Crear un entorno de pruebas de WordPress ma­nua­l­me­n­te

Una vez tu página WordPress funcione sin problemas, y antes de realizar cualquier tipo de ac­tua­li­za­ción, por lo general deberías crear dos archivos de seguridad.

Para ello, guarda todos los archivos de la in­s­ta­la­ción en un di­re­c­to­rio local: suelen ser 3 carpetas y unos 20 archivos, además del archivo .htaccess y, quizá, el favicon de WordPress co­rre­s­po­n­die­n­te. La tra­n­s­fe­re­n­cia de datos se puede realizar a través de un cliente FTP (como, por ejemplo, FileZilla), desde la cuenta de ad­mi­ni­s­tra­dor que te ofrece tu proveedor de espacio web o mediante web-FTP.

A co­n­ti­nua­ción, inicia sesión en el panel de ad­mi­ni­s­tra­ción de tu proveedor y exporta la base de datos de WordPress como archivo de seguridad. El nombre de archivo suele estar compuesto por el nombre de la base de datos, añadiendo a veces también una fecha, seguido de la extensión “.sql”.

Imagen: Primo passaggio dello staging di WordPress: eseguire il backup del database esistente
La funzione di es­po­r­ta­zio­ne per il database è di­s­po­ni­bi­le presso il proprio provider nell’area clienti, alla voce database. Da qui bisogna avviare MySQL o aprire il database.

Gracias a estas dos copias podrían re­s­tau­rar­se fá­ci­l­me­n­te los datos si se produjese un crash al ac­tua­li­zar la versión de WordPress o los plugins in­s­ta­la­dos. Al mismo tiempo, los datos guardados pueden usarse para crear un entorno de pruebas de WordPress siguiendo estos pasos:

  1. Crea un su­b­di­re­c­to­rio para tu entorno de WordPress staging en el servidor web. Podrás hacerlo desde el panel de ad­mi­ni­s­tra­ción de tu proveedor, en “Utilizar espacio web”; o bien usando un cliente FTP como FileZilla. En nuestro ejemplo, el di­re­c­to­rio se llama “www.do­mi­nio­dee­je­m­plo.es/test-stage”.
Imagen: Subdirectorio para un entorno de pruebas de WordPress
Todos los datos de la in­s­ta­la­ción de WordPress, guardados de forma local, se tra­n­s­fie­ren al di­re­c­to­rio que acabamos de crear, llamado “test-stage”.
  1. Ahora ne­ce­si­ta­rás una nueva base de datos (vacía) para la versión clonada de la web. Una vez creada desde la cuenta que tengas con tu proveedor, anota los datos de acceso que se indicarán.
  2. Abre en un editor el archivo “wp-config-sample.php”, guardado de forma local, e introduce los datos de acceso de la base de datos recién creada:
Imagen: Entorno de pruebas de WordPress: configuración de un acceso a la base de datos
Los datos de acceso se in­tro­du­cen en los campos de las zonas indicadas.

Para trabajar con WordPress staging, además, se re­co­mie­n­da en­ca­re­ci­da­me­n­te activar el modo debug: 

define( 'WP_DEBUG', true );

El entorno de pruebas de WordPress tiene un URL diferente al de la página en vivo co­rre­s­po­n­die­n­te, lo cual debe indicarse también en el archivo “wp-config.php” con las dos líneas de código si­guie­n­tes: 

define('WP_SITEURL', 'https://dominiodeejemplo.es/test-stage');
define('WP_HOME', 'https://dominiodeejemplo.es/test-stage');

Si ya tienes ex­pe­rie­n­cia con MySQL, más tarde podrás cambiar a mano di­re­c­ta­me­n­te estas dos in­di­ca­cio­nes en la nueva base de datos. Si has se­le­c­cio­na­do un su­b­do­mi­nio, este ocupará el lugar de la entrada.

El archivo “wp-config-sample.php” debe guardarse como “wp-config-test.php” para no so­bree­s­cri­bir el archivo “wp-config.php” de la copia de seguridad. A co­n­ti­nua­ción, sube el archivo “wp-config-test.php” mediante FTP al di­re­c­to­rio “\test-stage” y dale un nuevo nombre: “wp-config.php”. Así, WordPress podrá integrar el archivo con el nombre correcto en el entorno de pruebas.

  1. Ha llegado el momento de llenar de contenido la nueva base de datos, lo cual puede llevar cierto tiempo.
Imagen: Entorno de pruebas de WordPress: cargar el archivo de seguridad
El archivo SQL guardado pre­via­me­n­te debe cargarse en la base de datos recién creada.
  1. Ahora, como ad­mi­ni­s­tra­dor o de­sa­rro­lla­dor, ya puedes acceder al entorno de WordPress staging creado ma­nua­l­me­n­te en el enlace “do­mi­nio­dee­je­m­plo.es/test-stage/wp-admin”.

También puedes añadir, si es necesario, un su­b­do­mi­nio como, por ejemplo, “test-stage.do­mi­nio­dee­je­m­plo.es”. Este su­b­do­mi­nio deberá hacer re­fe­re­n­cia al nuevo di­re­c­to­rio que has creado.

Crear un entorno de pruebas de WordPress usando un plugin

Como ya hemos me­n­cio­na­do, existen cientos y cientos de plugins para WordPress, in­clu­ye­n­do muchos para duplicar o clonar páginas web. Uno de los más populares es el plugin “WP Staging – DB & File Du­pli­ca­tor & Migration”, que au­to­ma­ti­za el proceso en gran medida. Su versión gratuita es más que su­fi­cie­n­te para duplicar una in­s­ta­la­ción de WordPress existente y obtener así un entorno de pruebas. Sin embargo, si quieres más funciones, como las que permiten hacer cambios en tiempo real en la página en vivo, clonar elementos en otros dominios o en otras bases de datos, necesitas la versión Pro de pago. En la fecha en la que es­cri­bi­mos este artículo, el plugin ha sido probado con versiones de WordPress hasta la 5.5.1. Está di­s­po­ni­ble en español, inglés y alemán.

Imagen: Creación de un entorno de pruebas de WordPress con el plugin WP Staging
Una vez fi­na­li­za­do el proceso de copia, la ventana del plugin que se abre en el backend de WordPress mostrará un enlace hacia la página de staging, en la cual se puede iniciar sesión.

El proceso de copia de una web de pruebas completa (que no incluya una tienda online) dura apro­xi­ma­da­me­n­te dos minutos y medio. Como resultado, se muestra un enlace a través del cual el usuario puede iniciar sesión con sus cre­de­n­cia­les de ad­mi­ni­s­tra­dor ha­bi­tua­les. La versión gratuita del plugin, en la que se basa nuestro ejemplo, guarda todas las tablas de la base de datos de nuevo en la misma base, pero con un nuevo prefijo. Más tarde, al trabajar desde WordPress staging, tan solo se modifican estas tablas nuevas, mientras que las de la base de datos de la in­s­ta­la­ción inicial de WordPress se mantienen intactas. Una de las ventajas de este método es que, al no requerir una nueva base de datos, no encarece las tarifas del proveedor web.

Cómo proteger un entorno de pruebas de WordPress

Para evitar que vi­si­ta­n­tes in­de­sea­dos accedan al entorno de pruebas de WordPress, desde el panel de ad­mi­ni­s­tra­ción de la cuenta que tengas con tu proveedor puedes proteger los di­re­c­to­rios, in­clu­ye­n­do el del entorno de WordPress staging. Si tu proveedor es IONOS, en­co­n­tra­rás esta función yendo a “Hosting”, en el área de “Espacio web”. Allí verás el símbolo de una rueda dentada. Al hacer clic en él se mostrará la opción “Di­re­c­to­rios pro­te­gi­dos”, que te permite proteger tus di­re­c­to­rios fá­ci­l­me­n­te. ¡Guarda la co­n­tra­se­ña que aparece en un lugar seguro!

Otra manera de proteger el entorno de pruebas es utilizar el archivo “.htaccess” del di­re­c­to­rio raíz. Para hacerlo, abre con un editor dicho archivo, guardado de forma local, y añádele las si­guie­n­tes líneas:

AuthType Basic
AuthName "Página de prueba"
# Guardado del archivo que contiene la contraseña con una ruta absoluta #
AuthUserFile /homepages/99/d1234567890/htdocs/test-stage/.htpasswd 
Require valid-user

Existen varios ge­ne­ra­do­res online que permiten crear el archivo “.htpasswd”. Estas he­rra­mie­n­tas utilizan un método de en­cri­p­ta­ción para generar series de cifras como la siguiente:

Página de prueba:$1$xyUaMnyQ$AbkfDta7T876ObPNYaoj1

Esta línea también debe guardarse en un editor de texto con el nombre de “.htpasswd”. Si el editor en cuestión asigna ex­te­n­sio­nes de archivo au­to­má­ti­ca­me­n­te, deberás mo­di­fi­car­las luego ma­nua­l­me­n­te, una vez hayas cargado los archivos en el di­re­c­to­rio raíz del entorno. Al abrir entonces el entorno de pruebas de WordPress, al usuario se le pedirá su nombre de usuario y co­n­tra­se­ña.

Usar un entorno de pruebas de WordPress de forma local

Otra manera de de­sa­rro­llar o mejorar una web de WordPress sin peligro es el método de local staging, que consiste en utilizar entornos de prueba guardados de forma local. Con ellos, el proceso de de­sa­rro­llo queda to­ta­l­me­n­te protegido frente a visitas in­de­sea­das, ya que no requiere de conexión a Internet. Para que este tipo de entornos funcionen, el ordenador en cuestión ha de poder funcionar como servidor, para lo que se requiere un software de servidor es­pe­cia­li­za­do. ¿Por qué? Porque el lenguaje de scripting PHP, por ejemplo, no puede ser in­te­r­pre­ta­do por un navegador, sino que requiere un servidor.

Algunos de los programas capaces de llevar a cabo esta tarea son MAMP y XAMPP. Este último es de código abierto y funciona con Linux, Windows y MacOS. Fue de­sa­rro­lla­do por los miembros de Apache Friends, un proyecto sin ánimo de lucro que trata de mejorar los se­r­vi­do­res web Apache y que, a su vez, creó el proyecto XAMPP. Este es el tipo de WordPress staging que usan pri­n­ci­pa­l­me­n­te los equipos de de­sa­rro­lla­do­res pro­fe­sio­na­les.

Ventajas e in­co­n­ve­nie­n­tes de ambas variantes: WordPress staging local u online

Para finalizar, te pre­se­n­ta­mos una co­m­pa­ra­ción de las ventajas y de­s­ve­n­ta­jas de estas dos maneras de realizar WordPress staging.

Entorno de pruebas de WordPress local Entorno de pruebas de WordPress online
Ventajas - No requiere conexión a Internet. - Las acciones de de­sa­rro­llo y búsqueda de errores no afectan a la versión en vivo de la página.- Pro­te­c­ción total contra inicios de sesión in­de­sea­dos. - Basta un plugin para crearlo de forma rápida y au­to­má­ti­ca.- Los cambios pueden tra­n­s­fe­ri­r­se au­to­má­ti­ca­me­n­te a la página en vivo usando otro plugin.
De­s­ve­n­ta­jas - Hay que instalar un software de servidor en el ordenador. - Los cambios han de tra­n­s­mi­ti­r­se ma­nua­l­me­n­te a la página en vivo. - El entorno de pruebas es tan vu­l­ne­ra­ble a visitas in­de­sea­das como lo es la página en vivo. - Para trabajar có­mo­da­me­n­te se necesita un plugin de pago. - La creación de una base de datos adicional podría conllevar mayores gastos de hosting.
En resumen

Para continuar con el de­sa­rro­llo de una página web de WordPress o encontrar posibles fallos, se puede recurrir a WordPress staging, un método seguro. El uso de un plugin ofrece ventajas claras. Recurrir a un entorno de prueba de WordPress debería ser obli­ga­to­rio si de­sa­rro­llas tus propios plugins o temas para WordPress.

Ir al menú principal