Notícias

Ajude a testar a nova interface do WordPress Playground!

A equipe do Playground está trabalhando em uma interface totalmente nova para o WordPress Playground e queremos sua ajuda para testá-la antes do lançamento oficial. Seja em um laptop ou celular, queremos saber como é a experiência com a nova interface e como ela responde aos seus cliques e toques.

Você não precisa testar tudo. Escolha um ou dois módulos abaixo, explore os recursos e conte o que funcionou bem ou o que poderia ser melhorado.

🔗 Ambiente de teste: Abra a nova interface do Playground

O que queremos avaliar

Durante o teste, observe os seguintes pontos:

• Textos claros: Os botões, rótulos, descrições e instruções são fáceis de entender?
• Interações lógicas: Os fluxos funcionam como você espera? Está claro o que cada ação fará?
• Problemas de design: Há textos sobrepostos, conteúdo cortado, controles ausentes ou layouts quebrados?
• Sugestões úteis: Qual recurso ou pequena mudança tornaria a experiência mais fluida?

Testes em computadores e dispositivos móveis

Se possível, teste a interface tanto em um navegador para computador quanto em um navegador para dispositivos móveis.

Em dispositivos móveis:

• Deslize horizontalmente a barra de ferramentas inferior para encontrar ferramentas que não estejam visíveis, como Files, Logs ou Export.
• Os painéis das ferramentas são abertos no site. Use o botão X para fechar um painel.
• No painel Files, toque em Browse files para abrir a árvore de arquivos.
• Use o controle de envio de arquivos em vez de arrastar e soltar.

Não envie arquivos privados, senhas, chaves de API ou outras informações sensíveis durante o teste.

Escolha sua aventura de teste Módulo 1: Criar e gerenciar Playgrounds

Um bom ponto de partida para um teste de cinco minutos.

1. Abra o ambiente de teste e aguarde o Playground inicial terminar de carregar. Um Playground é criado automaticamente quando a página é aberta.
2. Selecione New na barra de ferramentas inferior.
3. Na Blueprint gallery, selecione Vanilla WordPress. Ao selecionar o cartão, um novo Playground será criado imediatamente.
4. Abra Site details. Altere WordPress version ou PHP version e selecione Create a fresh Playground. Confirme se o novo Playground usa as versões selecionadas.
5. Em Site details, selecione Rename Playground e dê a ele um nome fácil de reconhecer. Você também pode renomeá-lo em Playgrounds Actions (⋮) Rename.
6. Abra Playgrounds, acesse o menu Actions (⋮) do Playground atual e selecione Save in browser storage. Confirme se o status muda de um salvamento automático para um Playground salvo permanentemente.
7. Atualize o navegador. Abra Playgrounds, encontre o site em Saved e abra-o novamente. Os Playgrounds salvos e os itens em Recent autosaves são exibidos separadamente.
8. Abra o menu Actions (⋮) do Playground salvo, selecione Delete e confirme a exclusão.

Observação: Os salvamentos automáticos são cópias periódicas e podem não incluir todas as alterações recentes. Use Save in browser storage quando quiser manter um Playground.

O que observar:

• Os Playgrounds inicial e novo foram carregados corretamente?
• Ficou claro que alterar uma versão cria um novo Playground?
• Foi fácil encontrar as ações de renomear, salvar, restaurar e excluir?
• Depois de atualizar a página, ficou clara a diferença entre Recent autosaves e Saved?
• Foi possível acessar todas as ações com facilidade em um dispositivo móvel?

Módulo 2: A experiência com Blueprints

Teste as diferentes formas de iniciar e inspecionar uma configuração personalizada.

1. Selecione New Blueprint gallery.
2. Pesquise ou explore a galeria e leia as descrições exibidas nos cartões.
3. Selecione um cartão de Blueprint. O cartão inicia imediatamente um novo Playground, portanto, não há uma tela separada de detalhes.
4. Depois do carregamento, abra Blueprint na barra de ferramentas inferior para inspecionar o arquivo blueprint.json.
5. Selecione New Blueprint URL, insira o URL de um Blueprint acessível publicamente e selecione Create Playground.
6. Selecione New Write a Blueprint, edite o JSON de exemplo e selecione Create Playground.
7. Para manter o site resultante, use Playgrounds Actions (⋮) Save in browser storage. Para baixar o próprio Blueprint, abra Blueprint e selecione Export.

Cuidado: Em um Playground editável com salvamento automático, a opção Run Blueprint and reset site recria o Playground e substitui seus arquivos. Em um Playground salvo permanentemente, o editor de Blueprint fica disponível somente para leitura.

O que observar:

• Foi fácil explorar e pesquisar na galeria?
• Ficou claro que selecionar um cartão criaria imediatamente um Playground?
• Os fluxos de URL de Blueprint e JSON bruto exibiram mensagens úteis de validação e erro?
• Ficou clara a diferença entre salvar um Playground e exportar um Blueprint?
• A execução do Blueprint selecionado foi concluída sem falhas?

Módulo 3: Arquivos, banco de dados e registros

Teste as ferramentas para desenvolvedores.

1. Inicie um Playground e abra Files.
2. Em um dispositivo móvel, selecione Browse files para exibir a árvore de arquivos.
3. Teste Create new folder e Create new file. Digite um nome, confirme e verifique se o item continua visível depois que você selecionar outra coisa.
4. Abra um arquivo que não ofereça riscos, como readme.html, ou use o arquivo de teste que acabou de criar. Adicione um comentário curto, selecione Save file, abra o arquivo novamente e confirme se a alteração foi mantida. Evite editar wp-config.php neste teste.
5. Use Upload files para enviar um arquivo de teste pequeno e sem informações sensíveis. Em um computador, você também pode tentar arrastar um arquivo de teste para o gerenciador de arquivos e informar se isso funcionou.
6. Abra Database. Selecione Open Adminer ou Open phpMyAdmin e explore uma tabela sem alterar seus dados. Se o visualizador não puder ser instalado ou exibir um erro ao baixar ou buscar dados, inclua a mensagem de erro exata em seu comentário.
7. Abra Logs. Confirme se você vê o estado “Nothing logged yet” ou mensagens relevantes do PHP, do WordPress e do Playground. Se você se sentir à vontade, gere um aviso inofensivo em um arquivo de teste e verifique se ele aparece.

O que observar:

• Os arquivos e pastas recém-criados permaneceram disponíveis depois que o foco foi movido para outro lugar?
• Foi confortável usar o editor com o teclado de um dispositivo móvel?
• Os resultados das ações de salvar e enviar arquivos foram comunicados com clareza?

Módulo 4: Importação, exportação e compartilhamento

Teste como os dados do Playground são transferidos entre ambientes.

1. Em um Playground ativo, abra Export.
2. Em Download a copy, selecione Download as .zip. O arquivo ZIP deve conter os arquivos, o banco de dados e as edições atuais.
3. Selecione New Import zip Choose a .zip file… e importe o arquivo ZIP que acabou de baixar.
4. Depois que o Playground importado for carregado, verifique se suas páginas, configurações, arquivos e conteúdo foram restaurados.
5. Abra Export e selecione Copy link. Cole o resultado em um local seguro e confirme se o URL pode ser usado. Importante: Esse link recria apenas a configuração original do Blueprint. Ele não inclui alterações posteriores feitas nos arquivos ou no conteúdo.
6. Opcionalmente, teste Export to GitHub usando um repositório descartável que possa ser modificado com segurança. Conecte sua conta do GitHub e tente exportar um plugin, tema ou o diretório wp-content. A conexão com o GitHub não é mantida depois que o navegador é atualizado.

👀 O que observar:

• A criação do arquivo ZIP foi concluída em um tempo razoável?
• A importação do ZIP restaurou corretamente o site atual?
• A interface explicou com clareza o que o link copiado inclui e o que não inclui?
• Os erros de permissão da área de transferência foram fáceis de entender?
• O escopo da exportação para o GitHub estava claro antes do envio dos arquivos?
• As mensagens de sucesso, andamento e erro foram úteis?

Como compartilhar seus comentários

Encontrou um erro ou tem uma ideia para melhorar o fluxo? Inclua:

• Seu dispositivo, sistema operacional e navegador.
• O módulo e a etapa que você testou.
• As etapas necessárias para reproduzir o problema.
• O que você esperava que acontecesse e o que realmente aconteceu.
• Suas impressões sobre a clareza dos textos, o funcionamento e o design visual.
• Capturas de tela ou gravações curtas da tela, quando possível.

Remova informações privadas, tokens de acesso, segredos de repositórios e arquivos pessoais das capturas ou gravações antes de publicá-las.

👉 Compartilhe comentários, erros e ideias na issue oficial do GitHub:

New Dock UI review — Issue #4092

Você precisará acessar sua conta do GitHub para publicar um comentário.

Agradecemos sua ajuda para tornar o WordPress Playground melhor para todas as pessoas. Bons testes! 🚀

---

Tradução do artigo Help Us Test the New WordPress Playground UI!, publicado originalmente por Fellyph Cintra em 17 de julho de 2026.