Se você trabalha com WordPress há algum tempo, sabe que configurar o ambiente local sempre foi um “mal necessário”. No passado, passamos pelo XAMPP, Vagrant, Docker e ferramentas como o Local WP.
No entanto, o ecossistema está mudando rapidamente. Com a chegada do WordPress Studio, a Automattic entregou não apenas uma ferramenta de desenvolvimento local, mas uma plataforma para gerenciamento de sites e uma ponte direta entre o seu código e o poder da Inteligência Artificial.
Posso confessar que não usava muito a ferramenta mas depois de migrar meu site para WordPress.com eu passei a usar mais a por conta da sua simples integração como os meus sites.
Neste guia, vou detalhar como o Studio funciona. Além disso, explicarei por que ele deve ser sua ferramenta principal se você busca produtividade e integração com o ecossistema moderno do WordPress.
O que é o WordPress Studio?
O WordPress Studio é um aplicativo desktop gratuito e open source para desenvolvimento local. Ao contrário de soluções baseadas em virtualização pesada, ele é extremamente rápido. Portanto, ele permite subir sites locais em segundos, já com suporte a SSL e domínios locais personalizados. WordPress Studio usa como base WordPress Playground, servindo de exemplo como uma das possibilidades de extenção da plataforma.
Onde baixar:
- macOS: Versões para Silicon e Intel.
- Windows: Disponível na Microsoft Store ou instalador
.exe. - Linux: Ainda não tem uma versão disponível mas no WordCamp Asia no dia do contribuidor chegamos a trabalhar neste build.
1. Blueprints: O coração da automação
A grande sacada do Studio (compartilhada com o WordPress Playground) são os Blueprints. Já falei sobre o assunto aqui no blog, mas em suma, imagine um arquivo JSON que serve como uma “receita” técnica para o seu site.
Em vez de instalar manualmente o WooCommerce, configurar o tema e importar conteúdo toda vez que começa um projeto, você define um Blueprint. Assim, você economiza tempo e evita erros manuais.
Exemplo de um Blueprint Simples
{
"$schema": "https://playground.wordpress.net/blueprint-schema.json",
"preferredVersions": { "php": "8.3", "wp": "latest" },
"steps": [
{
"step": "installPlugin",
"pluginData": { "resource": "wordpress.org/plugins", "slug": "woocommerce" }
}
]
}Code language: JSON / JSON with Comments (json)No Studio, você pode usar Blueprints prontos como o Quick Start. Este modelo espelha um ambiente Business do WordPress.com.
2. O Poder da IA: Studio Assistant e Studio Code
Posso falar que isso será o próximo foco do WordPress Studio se diferenciar de qualquer outra ferramenta do mercado. Ele foi construído pensando nativamente em agentes de IA. Recentement testei o Studio Code e fiquei impressinado com o resultado.
Studio Code
Para desenvolvedores que vivem no terminal, o Studio Code é a joia da coroa. Ele é um agente de codificação interativo (atualmente em acesso antecipado) que permite construir e gerenciar sites WordPress usando linguagem natural diretamente do prompt.
Ao contrário de um chat comum, ele tem “mãos” para agir no seu sistema. Para começar a usar, você pode rodar via npx ou instalar globalmente:
# Execução rápida
npx wp-studio@latest code
# Ou instalação global
npm i -g wp-studio@latest
studio codeCode language: PHP (php)Configuração Inicial:
Dentro do chat, use o comando /login para conectar sua conta do WordPress.com. Se preferir usar sua própria infraestrutura de IA, utilize o comando /api-key para configurar sua chave da Anthropic (suporta Claude 3.5 Sonnet e Opus).
Exemplos do que você pode pedir:
- Desenvolvimento de Temas e Plugins: “Crie um plugin simples que adiciona um aviso de ‘Frete Grátis’ acima do cabeçalho.”
- Automação de Comandos: “Liste todos os usuários do site e mude a senha do administrador para uma string segura.”
- Auditoria e Performance: “Tire uma captura de tela da home e execute um relatório do Lighthouse para identificar gargalos de performance.”
- Gerenciamento de Arquivos: “Pesquise por todas as instâncias da função
query_postse sugira como substituí-las porWP_Query.” - Sincronização: “Gere um site de pré-visualização no wp.build com as alterações que acabei de fazer no CSS.”
Studio Assistant
Dentro da interface do app, você encontra o Assistant. Ele não é apenas um chatbot comum, pois ele possui contexto total sobre o seu site local. Por exemplo, você pode pedir para ele:
- “Instale o plugin Jetpack agora.”
- “Gere um snippet para mudar a cor do botão do checkout.”
- “Abra o arquivo functions.php no meu editor de código.”
Preview Sites
Uma das perguntas mais frequentes que recebo é quando utilizar WordPress Playuground e quando utilizar WordPress Studio e uma das minhas respostas é preview sites.
- WordPress Playground: criar demonstrações de produtos que duram somente uma sessão, que pode ser acessado com apenas um link e irão viver para sempre.
- WordPress Studio: compartilhar uma instância do WordPress onde as alterações mantém o estado e compartilham as alterações online, entre você e o seu cliente.
Assim com apenas um clique, o Studio gera um Preview Site. Trata-se de um snapshot temporário do seu site local hospedado em um domínio wp.build.
- Validade: 7 dias (renováveis se você atualizar o preview).
- Limite: Até 10 sites ativos simultâneos por conta.
Studio Sync
Se você utiliza o WordPress.com ou a Pressable, o Sync permite o fluxo de Push/Pull bidirecional. Consequentemente, você pode “puxar” o banco de dados do servidor de produção para testar um bug localmente. Além disso, é possível “enviar” suas alterações locais para o staging ou produção com total segurança.
Essa foi uma funcionalidade que eu utilizei recentemente, tinha uma bloco que me deixava bastante encomodado, então decidi fazer um sync do do meu site. Assim com o clique tive o meu site localmente para trabalhar.
4. MCP: Conectando com Cursor e Claude Code
Para os entusiastas de Agentes de programação ou automação com agentes, o Studio expõe um servidor MCP (Model Context Protocol). Isso permite que editores como o Cursor ou ferramentas como o Claude Code se conectem diretamente ao seu ambiente Studio.
Dessa forma, seu agente de IA no editor pode criar sites, rodar comandos WP-CLI e tirar screenshots do site local de forma autônoma.
Configuração rápida no Claude Desktop:
{
"mcpServers": {
"wordpress-studio": {
"command": "studio",
"args": ["mcp"]
}
}
}Code language: JSON / JSON with Comments (json)Conclusão
O WordPress Studio não é apenas mais um servidor local comum. Na verdade, ele é uma ferramenta completa de orquestração. Ele entende que o desenvolvedor moderno não quer perder tempo configurando arquivos PHP.ini. Pelo contrário, o foco deve ser construir funcionalidades com o auxílio de IA e integrar-se rapidamente com a nuvem.
Se você ainda não testou essas funcionalidades, recomendo começar criando um Custom Blueprint. Certamente, este é o primeiro passo para um workflow muito mais profissional e ágil.
Deixe um comentário