Ir al contenido principal

Construye

WordPress Playground puede ayudarte a crear y aprender WordPress rápidamente, incluso en dispositivos móviles sin señal. Puedes usar Playground donde mejor trabajes, ya sea en el navegador, Node.js, aplicaciones móviles, VS Code u otros entornos.

Configura rápidamente un entorno local de WordPress​

Puedes integrar Playground sin problemas en tu flujo de trabajo de desarrollo para lanzar rápidamente un entorno local de WordPress y probar tu código. Puedes hacerlo directamente desde la terminal o desde tu IDE preferido.

Guarda los cambios realizados en un tema de bloques y crea Pull Requests en GitHub​

Puedes conectar tu instancia de Playground a un repositorio de GitHub y crear un Pull Request con los cambios que hayas realizado a través de la interfaz de WordPress, aprovechando el plugin Create Block Theme.

Con este flujo de trabajo, podrías crear un tema de bloques completamente en tu navegador y guardar tus cambios en GitHub, o podrías mejorar/corregir uno existente.

Algunos ejemplos más de este flujo de trabajo:

Sincroniza tu instancia de Playground con una carpeta local y crea Pull Requests en GitHub​

Captura de un tipo de almacenamiento

Con Google Chrome puedes sincronizar tu instancia de Playground con un directorio local, que puede ser:

  • Un directorio vacío: para guardar este Playground y comenzar a sincronizar
  • Un directorio existente: para cargarlo aquí y comenzar a sincronizar
información

Esta función solo está disponible por ahora para Google Chrome. Aún no funciona con otros navegadores.

En cuanto a los cambios realizados en ambos lados de la conexión:

  • Los archivos modificados en Playground se sincronizarán con tu computadora.
  • Los archivos modificados en tu computadora no se sincronizarán con Playground. Deberás hacer clic en el botón "Sincronizar archivos locales".

Con este flujo de trabajo, puedes crear PRs en GitHub directamente a partir de los cambios realizados en tu directorio local.

Aquí tienes una pequeña demostración de este flujo de trabajo en acción:

Integra con otras APIs para crear nuevas herramientas.​

Playground se puede combinar con diferentes APIs para crear herramientas increíbles. Las posibilidades son infinitas.

Puedes usar WordPress Playground en Node.js para crear nuevas herramientas. El paquete @php-wasm/node, que incluye el runtime de PHP WebAssembly, es por ejemplo, el paquete utilizado para https://playground.wordpress.net/.

Otra aplicación interesante construida sobre Playground es Translate Live (ver ejemplo) que, en combinación con Open AI, proporciona una herramienta de traducción de WordPress "in situ" donde las traducciones se pueden ver y modificar en su contexto real (ver ejemplo). Lee más sobre esta herramienta en Translate Live: Updates to the Translation Playground

Trabaja sin conexión y como una aplicación nativa​

Cuando visitas por primera vez playground.wordpress.net, tu navegador almacena automáticamente en caché todos los archivos necesarios para usar Playground. A partir de ese momento, puedes acceder a playground.wordpress.net, incluso sin conexión a Internet, asegurando que puedas continuar trabajando en tus proyectos sin interrupciones.

También puedes instalar Playground en tu dispositivo como una Aplicación Web Progresiva (PWA) para iniciar Playground directamente desde la pantalla de inicio, al igual que una aplicación nativa.

Puedes leer Introducing Offline Mode and PWA Support for WordPress Playground para más información.

Incrusta un sitio de WordPress en entornos no web​

La guía Cómo lanzar un sitio real de WordPress en una aplicación nativa de iOS a través de Playground muestra cómo podemos aprovechar Playground para empaquetar un sitio de WordPress en una aplicación IOS.