Contenidos
WordPress Playground: una herramienta y complemento oficial de WordPress que necesita conocer ahora mismo
WordPress ha estado lanzando herramientas innovadoras que ayudan a los usuarios a lograr sus objetivos y convertirse en usuarios más competentes. Una de las herramientas más nuevas se llama Playground, una herramienta diseñada para hacer que un sitio de WordPress esté disponible instantáneamente para probarlo, aprenderlo y crearlo.
Antecedentes sobre el patio de juegos de WordPress
Playground es una herramienta que se ejecuta en su navegador.
La documentación oficial de WordPress para Playground sugiere estos usos:
- Pruebe un bloque, un tema o un complemento
- Cree un sitio completo, guárdelo y hospédelo
- Pruebe su complemento con muchas versiones específicas de WordPress y PHP
- Incorpore un sitio de WordPress real e interactivo en su tutorial o curso
- Muestre un complemento o tema en su sitio web
- Cree una aplicación nativa que ejecute WordPress y colóquela en App Store
- Obtenga una vista previa de las solicitudes de extracción desde su repositorio
También hay un complemento de WordPress disponible, Playground By WordPress Contributors, que permite al usuario clonar su sitio en una versión privada de Playground en el navegador. Playground By WordPress Contributors
El complemento de WordPress permite al usuario crear una copia exacta del sitio web dentro de una instancia de Playground, desde la cual un usuario puede hacer cosas como probar un complemento o tema. Cualquier cambio realizado en la instancia de Playground no afecta el sitio web real. El sitio clonado no se carga en ningún servicio en la nube; todos los datos permanecen privados y residen en el navegador web del usuario, donde permanecen hasta que se cierra la pestaña del navegador.
Entrevista: Adam Zieliński, arquitecto de WordPress Playground @ Automattic
Entrevisté a Adam Zieliński, arquitecto de WordPress Playground en Automattic, para saber más sobre qué es Playground y cómo puede resultar útil para los desarrolladores y usuarios habituales de WordPress.
Lo primero que quería saber es qué es Playground y por qué debería alguien usarlo, ¿qué debería esperar la gente de él?
Adam Zieliński:
“Playground is WordPress in a single click. There are no tedious setup steps, webhosts account, or technical talk.
Playground is not the site at playground.wordpress.net. It is the groundbreaking technology that makes that site possible and also powers a new generation of interactive, single-click WordPress tools. There are interactive tutorials, QA (Quality Assurance) workflows, “try before you buy” previewers for plugins, collaboration tools, contribution workflows and so much more.
Here are two examples:
The site at playground.wordpress.net doubles as a QA tool – you can try the upcoming WordPress release, test your plugin or theme with five other plugins and then see how it performs on different WordPress and PHP versions. It proved useful for sourcing feedback during the WordPress 6.5 release cycle, the Font library call for testing, and more.
As a WordPress plugin, Playground can clone your existing WordPress site, including all content, plugins, and themes, inside a private Playground instance. This gives you a way of testing changes, new plugins, or updates before pushing them live and without needing a separate hosting.
The next example is a bit more technical but I’ll still go with it. Playground can be embedded on websites. There are companies out there showcasing a live version of their plugin or theme using a live WordPress Playground site embedded inside their actual site. That’s highly useful for their future customers – even if they have no clue about what Playground is.”
“Playground es WordPress en un solo clic No hay pasos de configuración tediosos, cuentas de alojamiento web ni charlas técnicas.
Playground no es el sitio en playground.wordpress.net Es la tecnología innovadora la que hace posible ese sitio y también impulsa una nueva generación de herramientas interactivas de WordPress con un solo clic. Hay tutoriales interactivos, flujos de trabajo de control de calidad (control de calidad), vistas previas de complementos «pruébelo antes de comprar», herramientas de colaboración, flujos de trabajo de contribución y mucho más.
Aquí hay dos ejemplos:
El sitio en Playground.wordpress.net también funciona como una herramienta de control de calidad: puede probar la próxima versión de WordPress, probar su complemento o tema con otros cinco complementos y luego ver cómo funciona en diferentes versiones de WordPress y PHP. Resultó útil para obtener comentarios durante el ciclo de lanzamiento de WordPress 6.5, la convocatoria de pruebas de la biblioteca de fuentes y más.
Como complemento de WordPress, Playground puede clonar su sitio de WordPress existente, incluido todo el contenido, complementos y temas, dentro de una instancia privada de Playground. Esto le brinda una forma de probar cambios, nuevos complementos o actualizaciones antes de publicarlos y sin necesidad de un alojamiento independiente.
El siguiente ejemplo es un poco más técnico pero seguiré con él. Playground se puede integrar en sitios web Hay empresas que muestran una versión en vivo de su complemento o tema utilizando un sitio WordPress Playground en vivo integrado dentro de su sitio real. Esto es muy útil para sus futuros clientes, incluso si no tienen ni idea de qué es Playground”.
Seguí con una pregunta sobre cómo describiría Playground a alguien que usa WordPress pero no incursiona en la parte de desarrollo.
Adam Zieliński:
“Playground is a version of WordPress that runs directly on your device, not on a webhost. You can open Playground on your phone, turn off the internet, and continue using it.”
“Playground es una versión de WordPress que se ejecuta directamente en su dispositivo, no en un servidor web Puedes abrir Playground en tu teléfono, apagar Internet y continuar usándolo”.
Luego pregunté si es útil para migrar a una nueva plantilla o probar actualizaciones de complementos.
Adam Zieliński:
“Absolutely. You can clone your site using the Playground WordPress plugin and try the new template or the updated plugin there first without risking breaking your production site. That plugin also adds a “preview now” button to the plugins search in wp-admin so you can “try them on” before committing to installing one on your live site.”
«Absolutamente Puede clonar su sitio usando el complemento Playground WordPress y probar la nueva plantilla o el complemento actualizado allí primero sin correr el riesgo de dañar su sitio de producción. Ese complemento también agrega un botón de «vista previa ahora» a la búsqueda de complementos en wp-admin para que pueda «probarlos» antes de comprometerse a instalar uno en su sitio en vivo.
A continuación, Zieliński recomendó los siguientes recursos para ver y leer más sobre Playground:
WordPress Playground: la herramienta definitiva de aprendizaje, prueba y enseñanza para WordPress
No se pudo incrustar.
Cómo utilizar WordPress Playground para demostraciones interactivas How to use WordPress Playground for interactive demos
Cómo empezar a utilizar WordPress Playground How to start using WordPress Playground
¿Playground ayuda a los usuarios habituales de WordPress a familiarizarse con el desarrollo de sitios? ¿Es una forma práctica de aprender a usar WordPress?
Adam Zieliński:
“Playground makes a great learning tool. You can just hop on playground.wordpress.net and start exploring WordPress, whether that means creating your first post or installing fifteen plugins and building an entire site.
The experience is very self-guided today, which is useful in classes, workshops and meetups where an instructor can give you directions.
We’re also exploring an interactive and guided tutorials. Imagine visiting WordPress.org, clicking on, say, “I want to build my first WordPress site”, and getting clear directions and an interactive WordPress site to work on. That’s what we’re building towards.
And this doesn’t have to be a distant future. Anyone can start creating these interactive learning experiences today with the Playground Block – it’s a single-click way of embedding Playground in your WordPress content. You can play with that block right now if go to the plugin page and by click the Live Preview button. Oh, and that live preview? It’s also powered by WordPress Playground!”
“Playground es una excelente herramienta de aprendizaje Puede ingresar a Playground.wordpress.net y comenzar a explorar WordPress, ya sea que eso signifique crear su primera publicación o instalar quince complementos y crear un sitio completo.
La experiencia hoy en día es muy autoguiada, lo que resulta útil en clases, talleres y quedadas donde un instructor puede darte indicaciones.
También estamos explorando tutoriales interactivos y guiados. Imagínese visitar WordPress.org, hacer clic en «Quiero crear mi primer sitio de WordPress» y obtener instrucciones claras y un sitio de WordPress interactivo en el que trabajar. Eso es hacia lo que estamos avanzando.
Y esto no tiene por qué ser un futuro lejano Cualquiera puede comenzar a crear estas experiencias de aprendizaje interactivas hoy con Playground Block: es una forma con un solo clic de integrar Playground en su contenido de WordPress. Puedes jugar con ese bloque ahora mismo si vas a la página del complemento y haces clic en el botón Vista previa en vivo. Ah, ¿y esa vista previa en vivo?
¿Playground es compatible con los creadores de sitios web populares de WordPress?
Adam Zieliński:
“I haven’t tested Divi. Elementor mostly works, although there’s a technical issue in the onboarding flow that needs to be fixed in Elementor fix before it’s fully functional.”
“No he probado Divi Elementor funciona en su mayoría, aunque hay un problema técnico en el flujo de incorporación que debe solucionarse en Elementor antes de que sea completamente funcional «. technical issue in the onboarding flow
Playground tiene una función llamada Blueprints, archivos de configuración Le pregunté a Adam cómo describiría Blueprints y qué utilidad tiene para los usuarios.
Adam Zieliński:
“Blueprints are guidelines for Playground on how to create the WordPress site for you.
Blueprints are also like puzzle pieces. In fact, at WCEU 2024, you’ll build real WordPress sites with physical puzzle pieces. We’ve printed puzzle pieces representing site configuration steps like installing a plugin or changing the site name and attendees will be able to collect and scan them with an app that will load Playground with the configuration (Blueprint) they put together.
See also: What are Blueprints, and what can you do with them?
About the usefulness of Blueprints – there are two sides to that. You can either use a Playground site created based on an existing Blueprint, or you can create a new Blueprint.
If you just want to enjoy Playground-based tools, you don’t even need to know what Blueprints are. All you’ll experience is a button that opens a WordPress site preconfigured to do anything at all. It could help you test a theme, contribute a documentation page, or even build a slide deck and export it to PDF.
If you want to build new Blueprints, today you need to get your hands dirty and write some JSON code. Blueprints 101 and Technical Introduction to Playground will walk you through the steps and you can also preview the examples in the Blueprints Gallery. It’s worth noting we’re working on a visual tool where you’ll be able to just assemble these steps like puzzle pieces without any coding knowledge.”
“Los planos son pautas para Playground sobre cómo crear el sitio de WordPress para usted. Blueprints are guidelines
Los planos también son como piezas de un rompecabezas. De hecho, en WCEU 2024, creará sitios reales de WordPress con piezas físicas de un rompecabezas. Hemos impreso piezas de rompecabezas que representan pasos de configuración del sitio, como instalar un complemento o cambiar el nombre del sitio, y los asistentes podrán recopilarlas y escanearlas con una aplicación que cargará Playground con la configuración (Blueprint) que crearon.
Ver también: ¿Qué son los planos y qué se puede hacer con ellos? What are Blueprints, and what can you do with them?
Acerca de la utilidad de los Blueprints: esto tiene dos caras Puede utilizar un sitio Playground creado en función de un Blueprint existente o puede crear un Blueprint nuevo.
Si solo quieres disfrutar de las herramientas basadas en Playground, ni siquiera necesitas saber qué son los Blueprints Todo lo que experimentará es un botón que abre un sitio de WordPress preconfigurado para hacer cualquier cosa. Podría ayudarle a probar un tema, contribuir con una página de documentación o incluso crear una presentación de diapositivas y exportarla a PDF.
Si desea crear nuevos planos, hoy debe ensuciarse las manos y escribir código JSON. Blueprints 101 y la Introducción técnica a Playground lo guiarán a través de los pasos y también podrá obtener una vista previa de los ejemplos en la Galería de Blueprints. Vale la pena señalar que estamos trabajando en una herramienta visual en la que podrás ensamblar estos pasos como piezas de un rompecabezas sin ningún conocimiento de codificación”. Blueprints 101
¿Es esta una forma de crear un sitio y luego guardar o compartir la demostración?
Adam Zieliński:
“Yes! Playground sites are temporary by default but there’s many ways to save and share them. On playground.wordpress.net there’s a settings button where you can tell Playground to save your site in your web browser. Once you do that and refresh the page, you’ll return right to your site. You can also synchronize the site with a directory on your computer and all the Playground changes will show up there. Then you can also export your site as a zip file or to GitHub.
There are two ways of sharing a site with others.
The first one, is to create a Blueprint – so write down all the step by step instructions for Playground to recreate that site. You could then include that Blueprint in a link and share it with the world.
Blueprints are powerful but not always convenient, so there’s also a second way. A Playground site can be exported as a zip file. You can host that zip file, for example on GitHub, and create a Playground link to load it.”
«¡Sí! En Playground.wordpress.net hay un botón de configuración donde puede indicarle a Playground que guarde su sitio en su navegador web. Una vez que haga eso y actualice la página, regresará directamente a su sitio. También puede sincronizar el sitio con un directorio en su computadora y todos los cambios de Playground se mostrarán allí. Luego, también puedes exportar tu sitio como un archivo zip o a GitHub.
Hay dos formas de compartir un sitio con otras personas.
El primero es crear un plano, así que escriba todas las instrucciones paso a paso para que Playground recree ese sitio. Luego podrías incluir ese Blueprint en un enlace y compartirlo con el mundo.
Los planos son poderosos pero no siempre convenientes, por lo que también existe una segunda forma Un sitio de Playground se puede exportar como un archivo zip Puedes alojar ese archivo zip, por ejemplo en GitHub, y crear un enlace de Playground para cargarlo”.
Alguien de la comunidad de desarrolladores de WordPress pasó esta pregunta:
“Site builders often have one or more “starter sites”, which seem to squarely line up with blueprints, though they usually include premium themes and plugins. Drupal has “Distributions,” which are basically pre-configured starter sites often with a niche focus.
Imagine a preconfigured install of core, a theme, a membership plugin, and payment setup (waiting for gateway API keys). If you want a membership site then just install this and start adding content. Or a preconfigured help desk system and so on.
So, I’m wondering if the vision is that Blueprints will provide something similar?”
“Los creadores de sitios a menudo tienen uno o más “sitios de inicio”, que parecen coincidir perfectamente con los planos, aunque generalmente incluyen temas y complementos premium. Drupal tiene «Distribuciones», que son básicamente sitios de inicio preconfigurados, a menudo con un enfoque específico.
Imagine una instalación preconfigurada del núcleo, un tema, un complemento de membresía y una configuración de pago (esperando las claves API de la puerta de enlace). Si desea un sitio de membresía, simplemente instálelo y comience a agregar contenido. O un sistema de mesa de ayuda preconfigurado, etc.
Entonces, me pregunto si la visión es que Blueprints proporcione algo similar.
Adam Zieliński:
“Blueprints enable just that. Live previews in the WordPress plugin directory are an example – every time you get an identical site pre-configured for a particular plugin. It always installs a fresh WordPress and the latest versions of all the co-existing plugins and themes. You can prepare a Blueprint for your particular setup and work with it in the browser, or you can also use the Playground CLI tool to work with these starter sites on your local computer. We’re building a PHP library to enable webhosts to support Blueprints – template sites may then become a common feature in the WordPress hosting landscape.”
“Los planos permiten precisamente eso Las vistas previas en vivo en el directorio de complementos de WordPress son un ejemplo: cada vez que obtienes un sitio idéntico preconfigurado para un complemento en particular Siempre instala un WordPress nuevo y las últimas versiones de todos los complementos y temas coexistentes. Puede preparar un Blueprint para su configuración particular y trabajar con él en el navegador, o también puede usar la herramienta Playground CLI para trabajar con estos sitios de inicio en su computadora local. Estamos creando una biblioteca PHP para permitir que los servidores web admitan Blueprints; los sitios de plantillas pueden convertirse en una característica común en el panorama del alojamiento de WordPress”.
Zona de juegos de WordPress
Un parque infantil es un lugar diseñado y que fomenta la actividad. De eso se trata exactamente WordPress Playground Cualquiera que use WordPress debería probar Playground o al menos familiarizarse con él porque el conocimiento amplía las perspectivas, ayuda a resolver problemas y lo convierte a uno en un competidor y empresario más eficaz.
Imagen destacada de Shutterstock/Leszek Czerwonka
Leer el articulo original en Search Engine Journal.
