Pular para o conteúdo principal

Construir

O WordPress Playground pode ajudá-lo a criar e aprender WordPress rapidamente, mesmo no celular sem sinal. Você pode usar o Playground onde trabalha melhor, seja no navegador, Node.js, aplicativos móveis, VS Code ou em outros lugares.

Configurando rapidamente um ambiente WordPress local​

Você pode integrar perfeitamente o Playground ao seu fluxo de trabalho de desenvolvimento para lançar rapidamente um ambiente WordPress local para testar seu código. Você pode fazer isso diretamente do terminal ou da sua IDE preferida.

Salvar alterações feitas em um Tema de Blocos e criar Pull Requests no GitHub​

Você pode conectar sua instância do Playground a um repositório GitHub e criar um Pull Request com as alterações que fez através da interface do WordPress, aproveitando o plugin Create Block Theme.

Com este fluxo de trabalho, você pode construir um tema de blocos completamente no seu navegador e salvar suas alterações no GitHub, ou pode melhorar/corrigir um existente.

Mais alguns exemplos deste fluxo de trabalho:

Sincronizar sua instância do playground com uma pasta local e criar Pull Requests no GitHub​

Captura do Tipo de Armazenamento do Dispositivo

Com o Google Chrome você pode sincronizar sua instância do Playground com um diretório local, que pode ser:

  • Um diretório vazio – para salvar este Playground e começar a sincronizar
  • Um diretório existente – para carregá-lo aqui e começar a sincronizar
info

Este recurso está disponível apenas para o Google Chrome por enquanto. Não funcionará com outros navegadores ainda.

Quanto às alterações feitas em ambos os lados da conexão:

  • Arquivos alterados no Playground serão sincronizados para o seu computador.
  • Arquivos alterados no seu computador não serão sincronizados para o Playground. Você precisará clicar no botão "Sync local files".

Com este fluxo de trabalho você pode criar diretamente PRs do GitHub a partir das suas alterações feitas no seu diretório local.

Veja aqui uma pequena demonstração deste fluxo de trabalho em ação:

Integrar com outras APIs para criar novas ferramentas.​

O Playground pode ser combinado com diferentes APIs para criar ferramentas incríveis. As possibilidades são infinitas.

Você pode usar o WordPress Playground no Node.js para criar novas ferramentas. O pacote @php-wasm/node, que envia o runtime PHP WebAssembly, é o pacote usado para https://playground.wordpress.net/, por exemplo.

Outro aplicativo interessante construído sobre o Playground é o Translate Live (veja exemplo) que, em combinação com a Open AI, fornece uma ferramenta de traduções WordPress "no local" onde as traduções podem ser vistas e modificadas em seu contexto real (veja exemplo). Leia mais sobre esta ferramenta em Translate Live: Updates to the Translation Playground

Trabalhar offline e como um aplicativo nativo​

Quando você visita pela primeira vez playground.wordpress.net, seu navegador automaticamente armazena em cache todos os arquivos necessários para usar o Playground. A partir desse momento, você pode acessar playground.wordpress.net, mesmo sem conexão com a internet, garantindo que você pode continuar trabalhando em seus projetos sem interrupções.

Você também pode instalar o Playground no seu dispositivo como um Progressive Web App (PWA) para lançar o Playground diretamente da sua tela inicial—exatamente como um aplicativo nativo.

Leia Introducing Offline Mode and PWA Support for WordPress Playground para mais informações.

Incorporar um site WordPress em ambientes não-web​

O guia How to ship a real WordPress site in a native iOS app via Playground? mostra como podemos aproveitar o Playground para envolver um site WordPress em um aplicativo iOS.