¿Quieres probar un plugin, modificar código o experimentar con WordPress sin correr el riesgo de romper una web que está en producción?
WordPress Playground permite ejecutar una instalación de WordPress directamente en el navegador, sin necesidad de contratar un alojamiento, configurar una base de datos o instalar un entorno local en tu ordenador.
En pocos segundos podemos tener un WordPress independiente donde probar código, plugins, temas y configuraciones sin modificar nuestra web real.
¿Qué es WordPress Playground?
WordPress Playground es un proyecto oficial del ecosistema WordPress que permite ejecutar WordPress en diferentes entornos, incluido directamente dentro de un navegador.
La diferencia respecto a una instalación tradicional es importante: para realizar una prueba rápida no necesitamos preparar previamente un servidor web con PHP y MySQL.
Podemos abrir Playground y empezar a utilizar WordPress prácticamente de inmediato.
La instalación se encuentra aislada de nuestra web real. Por tanto, podemos experimentar sin modificar los archivos o la base de datos del sitio que tenemos en producción.
¿Cómo puede funcionar WordPress dentro del navegador?
Aquí está una de las partes más interesantes de Playground.
WordPress está desarrollado principalmente en PHP y normalmente necesita un servidor para ejecutarlo. Playground utiliza WebAssembly para hacer posible la ejecución de PHP dentro de este entorno.
Además, en el entorno del navegador utiliza SQLite para almacenar los datos de WordPress en lugar de depender de una instalación tradicional de MySQL.
Para utilizar Playground no necesitamos conocer WebAssembly ni SQLite. Desde nuestro punto de vista seguimos trabajando con un WordPress reconocible: escritorio, plugins, temas, entradas, páginas y configuraciones.
Cómo abrir WordPress Playground
La forma más sencilla es acceder directamente a:
Playground preparará automáticamente una instalación de WordPress dentro del navegador.
No necesitamos crear previamente una base de datos ni completar la instalación tradicional de WordPress.
¿Para qué puedo utilizar WordPress Playground?
Playground resulta especialmente interesante para desarrolladores, diseñadores y administradores de WordPress.
- Probar un plugin antes de instalarlo en una web real.
- Experimentar con un tema.
- Probar pequeños fragmentos de código.
- Reproducir determinados errores.
- Comprobar compatibilidad con diferentes versiones de PHP.
- Preparar demostraciones de plugins o temas.
- Crear entornos de aprendizaje.
- Experimentar con WordPress sin instalar nada en nuestro ordenador.
Dentro de un trabajo de desarrollo web con WordPress, disponer de un entorno aislado para experimentar es especialmente útil antes de trasladar determinados cambios a desarrollo, staging o producción.
Ejemplo: probar un plugin sin instalarlo en tu web
Imagina que encuentras un plugin que quieres evaluar pero no sabes exactamente qué cambios realizará o si es compatible con lo que necesitas.
En lugar de instalarlo directamente en producción podemos crear un Playground, instalar allí el plugin y comprobar su funcionamiento.
- Abre WordPress Playground.
- Accede al escritorio de WordPress.
- Instala o carga el plugin que quieres probar.
- Actívalo.
- Realiza las pruebas necesarias.
Si algo falla, nuestra web real permanece intacta.
Probar diferentes versiones de PHP y WordPress
Otra posibilidad muy interesante es preparar instalaciones con diferentes versiones de WordPress o PHP.
Esto resulta especialmente útil durante el desarrollo de plugins y temas, porque una funcionalidad puede funcionar correctamente en nuestro entorno habitual y presentar problemas en otra combinación de versiones.
Playground permite configurar estas características al crear el entorno. También podemos automatizar la configuración mediante los llamados Blueprints.
¿Qué son los Blueprints de WordPress Playground?
Un Blueprint es una definición en formato JSON que indica a Playground cómo debe preparar una instalación.
En lugar de crear manualmente el entorno cada vez, podemos describir qué necesitamos y dejar que Playground lo prepare.
Por ejemplo:
{
"preferredVersions": {
"php": "8.3",
"wp": "latest"
},
"steps": [
{
"step": "login",
"username": "admin"
}
]
}Este pequeño Blueprint solicita una determinada versión de PHP, utiliza una versión reciente de WordPress y abre el entorno con el usuario indicado.
Pero podemos ir mucho más lejos.
Crear automáticamente un WordPress con un plugin
Los Blueprints también pueden ejecutar diferentes pasos durante la creación del entorno, como instalar plugins o temas, importar contenido y modificar opciones.
Esto permite preparar entornos reproducibles para desarrollo y pruebas.
Por ejemplo, podemos definir un entorno que instale automáticamente un plugin disponible en WordPress.org:
{
"preferredVersions": {
"php": "8.3",
"wp": "latest"
},
"steps": [
{
"step": "installPlugin",
"pluginData": {
"resource": "wordpress.org/plugins",
"slug": "query-monitor"
},
"options": {
"activate": true
}
},
{
"step": "login",
"username": "admin"
}
]
}En lugar de explicar a otra persona cómo preparar manualmente el entorno, podemos compartir una configuración reproducible.
Playground también puede ejecutar código PHP
Los Blueprints permiten ejecutar código PHP durante la preparación del entorno.
Esto abre posibilidades interesantes para desarrolladores: crear contenido de demostración, modificar configuraciones o preparar automáticamente determinadas condiciones necesarias para una prueba.
Si necesitamos utilizar funciones propias de WordPress desde ese código PHP, debemos cargar previamente WordPress.
{
"step": "runPHP",
"code": "<?php require_once( 'wordpress/wp-load.php' ); update_option( 'blogname', 'Mi WordPress de pruebas' );"
}Guardar un WordPress Playground
Playground no debe entenderse simplemente como una página temporal que necesariamente desaparece cuando terminamos una prueba.
Actualmente existen diferentes modalidades de almacenamiento. Podemos mantener instalaciones en el almacenamiento del navegador y también exportar un Playground como archivo ZIP cuando necesitamos conservar una copia portable.
Esto resulta útil si una prueba que comenzó como un experimento termina convirtiéndose en algo que queremos conservar.
¿WordPress Playground sustituye a un staging?
No necesariamente.
Playground es excelente para experimentación, demostraciones, aprendizaje, desarrollo y determinadas pruebas aisladas.
Un staging, en cambio, normalmente intenta reproducir con mayor fidelidad las condiciones de una web real: servidor, base de datos, configuración, plugins, contenido e integraciones.
Si necesitamos comprobar una actualización sobre una copia real de una tienda WooCommerce, por ejemplo, un staging correctamente preparado puede seguir siendo el entorno adecuado.
Limitaciones de WordPress Playground
Playground se parece mucho a una instalación convencional de WordPress, pero técnicamente no es exactamente el mismo entorno que tendremos en un servidor de producción.
Dependiendo de la configuración utilizada, debemos tener en cuenta aspectos como:
- persistencia y almacenamiento de la instalación;
- conexiones de red con servicios externos;
- comportamientos particulares derivados de ejecutarse dentro del navegador;
- compatibilidad parcial de determinados comandos de WP-CLI;
- diferencias respecto a la infraestructura real del servidor donde finalmente funcionará la web.
Esto significa que probar correctamente algo en Playground no garantiza que podamos ignorar las pruebas posteriores en el entorno real del proyecto.
¿Cuándo utilizar Playground y cuándo utilizar staging?
Podemos utilizar Playground cuando queremos experimentar rápidamente con una idea, probar código, evaluar un plugin, preparar una demostración o reproducir un entorno concreto.
Utilizaría staging cuando necesito comprobar cómo se comportará un cambio dentro de las condiciones específicas de una web existente antes de llevarlo a producción.
En realidad, no son herramientas rivales. Resuelven problemas diferentes y pueden formar parte del mismo proceso de desarrollo.
Playground como herramienta para desarrollar WordPress
Lo más interesante de WordPress Playground no es solamente poder abrir WordPress rápidamente en el navegador.
Para un desarrollador, su verdadero potencial aparece cuando podemos definir entornos reproducibles, automatizar su configuración y compartir una demostración sin pedir a otra persona que prepare previamente un servidor.
Esto puede utilizarse para probar plugins propios, investigar errores, preparar prototipos o experimentar con nuevas funcionalidades antes de integrarlas dentro de un proyecto de desarrollo WordPress.
Conclusión
WordPress Playground nos proporciona algo especialmente valioso durante el desarrollo: un lugar donde podemos experimentar sin miedo a romper la web que está funcionando.
Para una prueba rápida podemos abrir una instalación desde el navegador. Para escenarios más avanzados podemos utilizar Blueprints y crear entornos reproducibles con versiones, plugins, temas, contenido y configuraciones determinadas.
No sustituye todas las pruebas que debemos realizar en staging o producción, pero añade una herramienta muy interesante al flujo de trabajo de cualquier persona que desarrolle, mantenga o simplemente quiera aprender WordPress.
