Uma nova experiência de edição de código mais poderosa e agradável, O WordPress.com acaba de dar um passo importante para tornar a edição de código diretamente no painel de administração mais prática e eficiente. Se você escreve código todos os dias ou apenas faz ajustes pontuais de vez em quando, agora conta com recursos modernos como realce de sintaxe, autocompletar e buscar e substituir no editor de código.

LEIA TAMBÉM:  Mais de 60 países, incluindo o Brasil, assinam tratado da ONU contra cibercrime

Lançada na semana passada, essa atualização melhora duas áreas fundamentais da experiência no WordPress.com:

• O editor de código dentro do editor do WordPress (editor de posts e do site)
• O campo de CSS adicional

Veja o que mudou:

Um editor de código muito mais legível

Se você já abriu o editor de código a partir do editor de blocos ou do editor de site, provavelmente se deparou com um bloco de texto difícil de ler, sem nenhuma formatação.

Todo mundo já desejou um editor mais moderno — algo que facilitasse a leitura do código, ajudasse a digitar mais rápido, destacasse erros… Enfim, uma ferramenta à altura.

Agora, isso finalmente é realidade. E o melhor: não é preciso instalar nenhum plugin ou fazer ajustes manuais. O novo editor já está disponível para todas as pessoas usuárias.

E como dá para ver na imagem abaixo, a diferença salta aos olhos:

CSS mais organizado no campo de CSS adicional

O campo de CSS adicional também passou por uma bela atualização.

Mesmo com as melhorias no editor de posts e no editor de site, é nesse campo — acessível pelo painel de Estilos no editor de site — que muitas pessoas realmente escrevem código.

Antes, o que aparecia ali era basicamente um campo de texto simples, sem destaque nem estrutura.

Agora, ele oferece a mesma experiência moderna e agradável dos outros editores de código:

O que vem com essa atualização?

Confira os recursos disponíveis nesse novo ambiente de edição:

• Realce de sintaxe: O código é colorido conforme a linguagem usada, facilitando muito a leitura e a compreensão da estrutura.
• Autocompletar: Economize tempo, evite erros de digitação e ganhe agilidade com sugestões automáticas enquanto digita.
• Formatação inteligente: Numeração de linhas, indentação automática e fechamento automático de parênteses e chaves — tudo para uma experiência mais fluida.
• Reconhecimento de linguagens: HTML e CSS são identificados e destacados automaticamente. Esqueça os campos de texto sem formatação!

E tem mais: o recurso de buscar e substituir também foi integrado. É só pressionar Command + F (no Mac) ou Ctrl + F (no Windows) para abrir o painel de busca na parte inferior do editor.

Com ele, é possível:

• Fazer buscas com diferenciação entre maiúsculas e minúsculas
• Usar expressões regulares
• Procurar palavras inteiras

Depois, você pode substituir uma ocorrência de cada vez ou todas de uma só vez.

LEIA TAMBÉM: Quais as diferenças entre Samsung Galaxy Fit 2 e Galaxy Fit 3?

E daqui pra frente?

Com o realce de sintaxe, autocompletar e outros recursos que fazem parte do dia a dia de quem trabalha com código, o WordPress.com está se aproximando cada vez mais de um ambiente de desenvolvimento completo — mas sem abrir mão da simplicidade.

É uma grande evolução para desenvolvedores, usuários avançados e qualquer pessoa que gosta de fazer ajustes no código de vez em quando.

E essa é só a primeira versão dessa nova experiência de edição de código.
Ela ainda vai continuar evoluindo.

Pessoalmente, gostaria muito que essas melhorias chegassem também aos blocos Código e HTML. Quem sabe consigo convencer a equipe a incluir isso em uma futura atualização. 🤞

De qualquer forma, seja você um programador frequente ou alguém que só dá uma olhadinha no código de vez em quando, o futuro promete. Testa agora mesmo os novos editores — e conta pra gente o que achou!