|
| 1 | +--- |
| 2 | +title: Enlaces y Recursos |
| 3 | +slug: /resources |
| 4 | +description: Una lista curada de enlaces útiles a aplicaciones, herramientas, artículos y videos para aprender más sobre WordPress Playground. |
| 5 | +--- |
| 6 | + |
| 7 | +# Enlaces y Recursos |
| 8 | + |
| 9 | +<!-- |
| 10 | +# Links and Resources |
| 11 | +--> |
| 12 | + |
| 13 | +:::tip |
| 14 | + |
| 15 | +<!-- |
| 16 | +There's a set of redirections in place to make it easier the access to some of the tools related to Playground: |
| 17 | +--> |
| 18 | + |
| 19 | +Hay un conjunto de redirecciones para facilitar el acceso a algunas de las herramientas relacionadas con Playground: |
| 20 | + |
| 21 | +<ul id="list-resources-redirections"> |
| 22 | +<li><a href="https://playground.wordpress.net/"><strong>https://playground.wordpress.net/</strong></a> → Instancia de Playground</li> |
| 23 | +<li><a href="https://playground.wordpress.net/docs">https://playground.wordpress.net<strong>/docs</strong></a> → Documentación de Playground</li> |
| 24 | +<li><a href="https://playground.wordpress.net/builder">https://playground.wordpress.net<strong>/builder</strong></a> → Constructor de Blueprints de Playground</li> |
| 25 | +<li><a href="https://playground.wordpress.net/wordpress">https://playground.wordpress.net<strong>/wordpress</strong></a> → Visor de PR de Playground para WordPress</li> |
| 26 | +<li><a href="https://playground.wordpress.net/gutenberg">https://playground.wordpress.net<strong>/gutenberg</strong></a> → Visor de PR de Playground para Gutenberg</li> |
| 27 | +<li><a href="https://playground.wordpress.net/proxy">https://playground.wordpress.net<strong>/proxy</strong></a> → Servicio Proxy de Playground <em>(ver <a href="/blueprints/steps/resources#urlreference">URLReference</a> para más información)</em></li> |
| 28 | +</ul> |
| 29 | +::: |
| 30 | + |
| 31 | +<!-- |
| 32 | +## Frequently sought links |
| 33 | +--> |
| 34 | + |
| 35 | +## Enlaces frecuentemente buscados |
| 36 | + |
| 37 | +<!-- |
| 38 | +- [Demo](https://playground.wordpress.net/) |
| 39 | +- [GitHub Repository](https://github.com/WordPress/wordpress-playground) |
| 40 | +- [Documentation](https://wordpress.github.io/wordpress-playground/) |
| 41 | +- [Playground tools Repository](https://github.com/WordPress/playground-tools) |
| 42 | +--> |
| 43 | + |
| 44 | +- [Demo](https://playground.wordpress.net/) |
| 45 | +- [Repositorio de GitHub](https://github.com/WordPress/wordpress-playground) |
| 46 | +- [Documentación](https://wordpress.github.io/wordpress-playground/) |
| 47 | +- [Repositorio de herramientas de Playground](https://github.com/WordPress/playground-tools) |
| 48 | + |
| 49 | +<!-- |
| 50 | +## Apps built with WordPress Playground |
| 51 | +--> |
| 52 | + |
| 53 | +## Aplicaciones construidas con WordPress Playground |
| 54 | + |
| 55 | +<!-- |
| 56 | +- [Official demo](https://playground.wordpress.net/) and the [showcase](https://developer.wordpress.org/playground) app – install a theme, try out a plugin, create a few pages, export what you've built |
| 57 | +- [@wp-playground/cli](https://www.npmjs.com/package/@wp-playground/cli) – a CLI tool for instant WordPress dev enviroment |
| 58 | +- [WordPress Playground for VS Code](https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground) |
| 59 | +- Live Translations: [App](https://translate.wordpress.org/projects/wp-plugins/friends/dev/pl/default/playground/), [announcement](https://make.wordpress.org/polyglots/2023/04/19/wp-translation-playground/), [more details](https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/) |
| 60 | +- [Interactive code block](https://wordpress.org/plugins/interactive-code-block/) which powers the [HTML Tag Processor tutorial](https://adamadam.blog/2023/02/16/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api/) and the [Playground JS API tutorial](https://wordpress.github.io/wordpress-playground/developers/apis/javascript-api/) |
| 61 | +- [Gutenberg Pull Request previewer](https://playground.wordpress.net/gutenberg.html) |
| 62 | +- [Notifications plugin live demo](https://johnhooks.io/playground-experiment/) |
| 63 | +- [GraphQL REPL](https://www.wpgraphql.com/2023/06/15/announcing-the-wpgraphql-repl) |
| 64 | +- [Blocknotes](https://twitter.com/adamzielin/status/1669478239771799552) – the first ever iOS app running WordPress on your phone |
| 65 | +- [Playground embedder](https://joost.blog/embedded-playground/) to embed Playground examples in WordPress.org documentation using shortcodes |
| 66 | +- [Plugin demos on wp.org](https://gist.github.com/adamziel/0fe3ffc1fb5202a907a87d055ee37135) – a user script that adds a "demo" tab to plugin pages on WordPress.org |
| 67 | +- [WordPress Pull Request previewer](https://playground.wordpress.net/wordpress.html) |
| 68 | +- [Synchronization between two Playgrounds](https://playground.wordpress.net/demos/sync.html) |
| 69 | +- [Time Travel](https://playground.wordpress.net/demos/time-traveling.html) |
| 70 | +- [WP-CLI](https://playground.wordpress.net/demos/wp-cli.html) |
| 71 | +- [PHP implementation of Blueprints](https://playground.wordpress.net/demos/php-blueprints.html) |
| 72 | +--> |
| 73 | + |
| 74 | +- [Demo oficial](https://playground.wordpress.net/) y la aplicación [showcase](https://developer.wordpress.org/playground) – instala un tema, prueba un plugin, crea algunas páginas, exporta lo que has construido |
| 75 | +- [@wp-playground/cli](https://www.npmjs.com/package/@wp-playground/cli) – una herramienta CLI para entorno de desarrollo WordPress instantáneo |
| 76 | +- [WordPress Playground para VS Code](https://marketplace.visualstudio.com/items?itemName=WordPressPlayground.wordpress-playground) |
| 77 | +- Traducciones en vivo: [App](https://translate.wordpress.org/projects/wp-plugins/friends/dev/pl/default/playground/), [anuncio](https://make.wordpress.org/polyglots/2023/04/19/wp-translation-playground/), [más detalles](https://make.wordpress.org/polyglots/2023/05/08/translate-live-updates-to-the-translation-playground/) |
| 78 | +- [Bloque de código interactivo](https://wordpress.org/plugins/interactive-code-block/) que potencia el [tutorial del Procesador de Etiquetas HTML](https://adamadam.blog/2023/02/16/how-to-modify-html-in-a-php-wordpress-plugin-using-the-new-tag-processor-api/) y el [tutorial de la API JS de Playground](https://wordpress.github.io/wordpress-playground/developers/apis/javascript-api/) |
| 79 | +- [Visor de Pull Request de Gutenberg](https://playground.wordpress.net/gutenberg.html) |
| 80 | +- [Demo en vivo del plugin de notificaciones](https://johnhooks.io/playground-experiment/) |
| 81 | +- [GraphQL REPL](https://www.wpgraphql.com/2023/06/15/announcing-the-wpgraphql-repl) |
| 82 | +- [Blocknotes](https://twitter.com/adamzielin/status/1669478239771799552) – la primera aplicación iOS que ejecuta WordPress en tu teléfono |
| 83 | +- [Incrustador de Playground](https://joost.blog/embedded-playground/) para incrustar ejemplos de Playground en la documentación de WordPress.org usando shortcodes |
| 84 | +- [Demos de plugins en wp.org](https://gist.github.com/adamziel/0fe3ffc1fb5202a907a87d055ee37135) – un script de usuario que agrega una pestaña "demo" a las páginas de plugins en WordPress.org |
| 85 | +- [Visor de Pull Request de WordPress](https://playground.wordpress.net/wordpress.html) |
| 86 | +- [Sincronización entre dos Playgrounds](https://playground.wordpress.net/demos/sync.html) |
| 87 | +- [Viaje en el tiempo](https://playground.wordpress.net/demos/time-traveling.html) |
| 88 | +- [WP-CLI](https://playground.wordpress.net/demos/wp-cli.html) |
| 89 | +- [Implementación PHP de Blueprints](https://playground.wordpress.net/demos/php-blueprints.html) |
| 90 | + |
| 91 | +<!-- |
| 92 | +## Reading materials |
| 93 | +--> |
| 94 | + |
| 95 | +## Material de lectura |
| 96 | + |
| 97 | +<!-- |
| 98 | +- [Build in-browser WordPress experiences with WordPress Playground and WebAssembly](https://web.dev/wordpress-playground/) |
| 99 | +- [WordPress Playground on developer.wordpress.org](https://developer.wordpress.org/playground) |
| 100 | +- [In-Browser WordPress Tech Demos: WordPress Development with WordPress Playground](https://make.wordpress.org/core/2023/04/13/in-browser-wordpress-tech-demos-wordpress-development-with-wordpress-playground/) |
| 101 | +- [Initial announcement on make.wordpress.org](https://make.wordpress.org/core/2022/09/23/client-side-webassembly-wordpress-with-no-server/) |
| 102 | +- [Hackernews discussion](https://news.ycombinator.com/item?id=32960560) |
| 103 | +--> |
| 104 | + |
| 105 | +- [Construye experiencias WordPress en el navegador con WordPress Playground y WebAssembly (en inglés)](https://web.dev/wordpress-playground/) |
| 106 | +- [WordPress Playground en developer.wordpress.org (en inglés)](https://developer.wordpress.org/playground) |
| 107 | +- [Demos técnicas de WordPress en el navegador: Desarrollo de WordPress con WordPress Playground (en inglés)](https://make.wordpress.org/core/2023/04/13/in-browser-wordpress-tech-demos-wordpress-development-with-wordpress-playground/) |
| 108 | +- [Anuncio inicial en make.wordpress.org (en inglés)](https://make.wordpress.org/core/2022/09/23/client-side-webassembly-wordpress-with-no-server/) |
| 109 | +- [Discusión de Hackernews (en inglés)](https://news.ycombinator.com/item?id=32960560) |
| 110 | + |
| 111 | +<!-- |
| 112 | +## Videos |
| 113 | +--> |
| 114 | + |
| 115 | +## Videos |
| 116 | + |
| 117 | +<!-- |
| 118 | +- Developer Hours Videos: |
| 119 | + - [Americas Region (May 23,2023)](https://wordpress.tv/2023/05/23/developer-hours-wordpress-playground-americas/) |
| 120 | + - [APAC/EMEA Region (May 24,2023)](https://wordpress.tv/2023/05/24/developer-hours-wordpress-playground-apac-emea/) |
| 121 | + - [Creating WordPress Playground Blueprints for Testing and Demos (May 28, 2024)](https://wordpress.tv/2024/05/28/developer-hours-creating-wordpress-playground-blueprints-for-testing-and-demos/) by Birgit Pauli-Haack & Nick Diego |
| 122 | + - [Developer Hours: Everything you need to know about WordPress Playground (Dec 17, 2024)](https://wordpress.tv/2024/12/17/developer-hours-everything-you-need-to-know-about-wordpress-playground/) by Nick Diego & Ryan Welcher |
| 123 | +- [Playground at State of the Word](https://youtu.be/VeigCZuxnfY?t=2912) |
| 124 | +- [Playground at WCEU 2023](https://www.youtube.com/watch?v=e-CwouzTGp4&t=26946s) |
| 125 | +- [Watch "WordPress Playground: the ultimate learning, testing, & teaching tool for WordPress"](https://www.youtube.com/watch?v=dN_LaenY8bI) by Anne McCarthy |
| 126 | +- [WordPress Playground for developers](https://wordpress.tv/2024/12/16/wordpress-playground-for-developers/) by Berislav Grgicak and Jonathan Bossenger |
| 127 | +- [WordPress Playground Block code editor theme support](https://wordpress.tv/2024/10/05/wordpress-playground-block-code-editor-theme-support/) by Jonathan Bossenger |
| 128 | +- [WordPress Playground – use WordPress without a server at WCEU 2024](https://wordpress.tv/2024/07/03/wordpress-playground-use-wordpress-without-a-server/) by Adam Zielinski |
| 129 | +- [Code, Test, Repeat: Accelerating Development with WordPress Playground at WordCamp Larissa 2024](https://wordpress.tv/2024/12/13/code-test-repeat-accelerating-development-with-wordpress-playground/) by Uros Tasic |
| 130 | +- [Liberating data with WordPress Playground in a Browser Extension at WordCamp Netherlands 2024](https://wordpress.tv/2024/12/24/liberating-data-with-wordpress-playground-in-a-browser-extension/) by Alex Kirk |
| 131 | +- [Beyond the Playground: WordPress as a Tool and Product Builder at WCUS 2024](https://wordpress.tv/2024/10/10/beyond-the-playground-wordpress-as-a-tool-and-product-builder/) by Dennis Snell |
| 132 | +- [Create a demo with Playground at WC Asia 2025](https://wordpress.tv/2025/04/30/create-a-demo-with-playground/) by Birgit Pauli-Haack |
| 133 | +- [Disssecting WordPress Playground at WordCamp Nepal 2025](https://wordpress.tv/2025/04/30/dissecting-wordpress-playground/) by Sakar Upadhyaya Khatiwada |
| 134 | +- [Building Automated Test with WordPress Playground at WCEU 2025](https://wordpress.tv/2025/06/07/building-automated-tests-with-wordpress-playground/)by Berislav Grgicak |
| 135 | +- [From Zero to Demo: Mastering WordPress Playground Blueprints at WCEU 2025](https://wordpress.tv/2025/06/07/from-zero-to-demo-mastering-wordpress-playground-blueprints/) by Birgit Pauli-Haack |
| 136 | +- [Playground at WordCamp Gliwice (in Polish)](https://www.youtube.com/watch?v=AUHklF9GdL8&list=PLiCne9CeL82_hGuJOAJlsc84WxVDSH-c9&index=4) by Adam Zielinski |
| 137 | +- [WordPress Playground at WordCamp Wrocław 2024 (in Polish)](https://wordpress.tv/2024/12/02/wordpress-playground-przelom-w-wordpressie-2/) by Adam Zielinski |
| 138 | +- [WordPress Playground at WordCamp Gdynia 2025 (in Polish)](https://wordpress.tv/2025/04/21/wordpress-playground/) by Magdalena Paciorek |
| 139 | +- [Discovering Playground, the demo tool(in Spanish)](https://wordpress.tv/2024/08/09/descubriendo-playground-la-herramienta-para-hacer-demos/) by Alex Cuadra |
| 140 | +- [WordPress Playground: Complete and functional WordPress installation(in Spanish)](https://wordpress.tv/2024/02/07/wordpress-playground-instalacion-completa-y-funcional-de-wordpress/) by Fernando García Rebolledo |
| 141 | +- [Playground: A throwaway WordPress within your browser at WordCamp Madrid 2025(in Spanish)](https://wordpress.tv/2025/03/09/playground-un-wordpress-de-usar-y-tirar-dentro-de-tu-navegador/) by Álvaro Gómez Velasco |
| 142 | +- [Use WordPress with just a browser! WordPress Playground Tutorial: Basic usage of Playground (in Japanese)](https://www.youtube.com/watch?v=6s_B0WvJauU) by Shimomura Tomoki |
| 143 | +- [WordPress Playground: How to use Blueprints](https://www.youtube.com/watch?v=Vcao6uXguWg) by Shimomura Tomoki |
| 144 | +- [Streamlined Block Theme Development: Using WordPress Playground and GitHub for No-Code Version Control of Site Editor Changes](https://wordpress.tv/2025/09/30/streamlined-block-theme-development-using-wordpress-playground-and-github-for-no-code-version-contr/) by Birgit Pauli-Haack |
| 145 | +- [Playground, la mejor herramienta jamás inventada para enseñar WordPress (in Spanish)](https://wordpress.tv/2025/10/05/playground-la-mejor-herramienta-jamas-inventada-para-ensenar-wordpress/) by Nilo Vélez |
| 146 | +- [Testing Faster Than a Red Bull Pit Stop: WordPress Playground and WooCommerce Blueprints](https://wordpress.tv/2025/09/30/testing-faster-than-a-red-bull-pit-stop-wordpress-playground-and-woocommerce-blueprints/) by Daniel Dudzic |
| 147 | +--> |
| 148 | + |
| 149 | +- Videos de Developer Hours: |
| 150 | + - [Región Américas (23 de mayo de 2023) (en inglés)](https://wordpress.tv/2023/05/23/developer-hours-wordpress-playground-americas/) |
| 151 | + - [Región APAC/EMEA (24 de mayo de 2023) (en inglés)](https://wordpress.tv/2023/05/24/developer-hours-wordpress-playground-apac-emea/) |
| 152 | + - [Creando Blueprints de WordPress Playground para pruebas y demos (28 de mayo de 2024) (en inglés)](https://wordpress.tv/2024/05/28/developer-hours-creating-wordpress-playground-blueprints-for-testing-and-demos/) por Birgit Pauli-Haack & Nick Diego |
| 153 | + - [Developer Hours: Todo lo que necesitas saber sobre WordPress Playground (17 de diciembre de 2024) (en inglés)](https://wordpress.tv/2024/12/17/developer-hours-everything-you-need-to-know-about-wordpress-playground/) por Nick Diego & Ryan Welcher |
| 154 | +- [Playground en State of the Word (en inglés)](https://youtu.be/VeigCZuxnfY?t=2912) |
| 155 | +- [Playground en WCEU 2023 (en inglés)](https://www.youtube.com/watch?v=e-CwouzTGp4&t=26946s) |
| 156 | +- [Ver "WordPress Playground: la herramienta definitiva de aprendizaje, pruebas y enseñanza para WordPress" (en inglés)](https://www.youtube.com/watch?v=dN_LaenY8bI) por Anne McCarthy |
| 157 | +- [WordPress Playground para desarrolladores (en inglés)](https://wordpress.tv/2024/12/16/wordpress-playground-for-developers/) por Berislav Grgicak y Jonathan Bossenger |
| 158 | +- [Soporte de temas del editor de código del bloque WordPress Playground (en inglés)](https://wordpress.tv/2024/10/05/wordpress-playground-block-code-editor-theme-support/) por Jonathan Bossenger |
| 159 | +- [WordPress Playground – usa WordPress sin servidor en WCEU 2024 (en inglés)](https://wordpress.tv/2024/07/03/wordpress-playground-use-wordpress-without-a-server/) por Adam Zielinski |
| 160 | +- [Codifica, Prueba, Repite: Acelerando el desarrollo con WordPress Playground en WordCamp Larissa 2024 (en inglés)](https://wordpress.tv/2024/12/13/code-test-repeat-accelerating-development-with-wordpress-playground/) por Uros Tasic |
| 161 | +- [Liberando datos con WordPress Playground en una extensión de navegador en WordCamp Países Bajos 2024 (en inglés)](https://wordpress.tv/2024/12/24/liberating-data-with-wordpress-playground-in-a-browser-extension/) por Alex Kirk |
| 162 | +- [Más allá de Playground: WordPress como herramienta y constructor de productos en WCUS 2024 (en inglés)](https://wordpress.tv/2024/10/10/beyond-the-playground-wordpress-as-a-tool-and-product-builder/) por Dennis Snell |
| 163 | +- [Crea una demo con Playground en WC Asia 2025 (en inglés)](https://wordpress.tv/2025/04/30/create-a-demo-with-playground/) por Birgit Pauli-Haack |
| 164 | +- [Diseccionando WordPress Playground en WordCamp Nepal 2025 (en inglés)](https://wordpress.tv/2025/04/30/dissecting-wordpress-playground/) por Sakar Upadhyaya Khatiwada |
| 165 | +- [Construyendo pruebas automatizadas con WordPress Playground en WCEU 2025 (en inglés)](https://wordpress.tv/2025/06/07/building-automated-tests-with-wordpress-playground/) por Berislav Grgicak |
| 166 | +- [De cero a demo: Dominando los Blueprints de WordPress Playground en WCEU 2025 (en inglés)](https://wordpress.tv/2025/06/07/from-zero-to-demo-mastering-wordpress-playground-blueprints/) por Birgit Pauli-Haack |
| 167 | +- [Playground en WordCamp Gliwice (en polaco)](https://www.youtube.com/watch?v=AUHklF9GdL8&list=PLiCne9CeL82_hGuJOAJlsc84WxVDSH-c9&index=4) por Adam Zielinski |
| 168 | +- [WordPress Playground en WordCamp Wrocław 2024 (en polaco)](https://wordpress.tv/2024/12/02/wordpress-playground-przelom-w-wordpressie-2/) por Adam Zielinski |
| 169 | +- [WordPress Playground en WordCamp Gdynia 2025 (en polaco)](https://wordpress.tv/2025/04/21/wordpress-playground/) por Magdalena Paciorek |
| 170 | +- [Descubriendo Playground, la herramienta para hacer demos](https://wordpress.tv/2024/08/09/descubriendo-playground-la-herramienta-para-hacer-demos/) por Alex Cuadra |
| 171 | +- [WordPress Playground: Instalación completa y funcional de WordPress](https://wordpress.tv/2024/02/07/wordpress-playground-instalacion-completa-y-funcional-de-wordpress/) por Fernando García Rebolledo |
| 172 | +- [Playground: Un WordPress de usar y tirar dentro de tu navegador en WordCamp Madrid 2025](https://wordpress.tv/2025/03/09/playground-un-wordpress-de-usar-y-tirar-dentro-de-tu-navegador/) por Álvaro Gómez Velasco |
| 173 | +- [¡Usa WordPress con solo un navegador! Tutorial de WordPress Playground: Uso básico de Playground (en japonés)](https://www.youtube.com/watch?v=6s_B0WvJauU) por Shimomura Tomoki |
| 174 | +- [WordPress Playground: Cómo usar Blueprints (en japonés)](https://www.youtube.com/watch?v=Vcao6uXguWg) por Shimomura Tomoki |
| 175 | +- [Desarrollo simplificado de temas de bloques: Usando WordPress Playground y GitHub para control de versiones sin código de cambios del editor de sitios (en inglés)](https://wordpress.tv/2025/09/30/streamlined-block-theme-development-using-wordpress-playground-and-github-for-no-code-version-contr/) por Birgit Pauli-Haack |
| 176 | +- [Playground, la mejor herramienta jamás inventada para enseñar WordPress](https://wordpress.tv/2025/10/05/playground-la-mejor-herramienta-jamas-inventada-para-ensenar-wordpress/) por Nilo Vélez |
| 177 | +- [Probando más rápido que un pit stop de Red Bull: WordPress Playground y Blueprints de WooCommerce (en inglés)](https://wordpress.tv/2025/09/30/testing-faster-than-a-red-bull-pit-stop-wordpress-playground-and-woocommerce-blueprints/) por Daniel Dudzic |
0 commit comments