Justificar texto no WordPress deixou de ser tão simples como nas versões antigas. O motivo é que o Gutenberg, o editor de blocos padrão desde 2018, removeu o botão de justificar da barra de formatação. A decisão veio de uma escolha consciente da equipe do WordPress: texto justificado piora a legibilidade no mobile e dificulta a leitura para pessoas com dislexia, segundo as diretrizes de acessibilidade do WordPress.
Mas justificar continua possível. Quem precisa do efeito tem cinco caminhos disponíveis, e o melhor depende de qual editor está usando: o clássico, o Gutenberg padrão, um page builder como Elementor ou Divi, ou direto via CSS personalizado. Este artigo cobre cada caso com passo a passo.
A resposta rápida por editor
| Editor que você usa | Caminho mais simples |
|---|---|
| Editor clássico | Atalho Alt + Shift + J (Windows) ou Ctrl + Option + J (Mac) |
| Gutenberg padrão | Adicionar classe CSS via painel Avançado do bloco |
| Gutenberg + plugin | Instalar Advanced Editor Tools ou Gutenberg Block Editor Toolkit |
| Elementor | Aba Estilo do widget Texto → ícone de alinhamento Justificar |
| CSS global (tudo) | Aparência → Personalizar → CSS Adicional |
Os próximos tópicos detalham cada um.
Como justificar texto no editor clássico do WordPress
Se você ainda usa o editor clássico (Classic Editor) em vez do Gutenberg, o atalho de teclado resolve em um segundo:
Windows e Linux: Alt + Shift + J
Mac: Ctrl + Option + J
Para usar:
- Selecione o parágrafo (ou texto) que você quer justificar
- Pressione o atalho de teclado
- Pronto
Esse atalho funciona desde o WordPress 3.x e continua funcionando no Classic Editor instalado via plugin oficial. Se você não quer usar atalho e prefere o botão na barra de ferramentas, instale o Advanced Editor Tools (antigo TinyMCE Advanced):
- Plugins → Adicionar novo → busca por “Advanced Editor Tools”
- Instale e ative
- Configurações → Advanced Editor Tools → aba Editor Clássico
- Arraste o ícone Justificar para dentro da barra de ferramentas
- Salve as alterações
O botão volta a aparecer no editor clássico exatamente como nas versões antigas.
Como justificar texto no Gutenberg (sem plugin)
No Gutenberg, o caminho nativo passa por uma classe CSS aplicada manualmente ao bloco. Funciona assim:
- Adicione um bloco de parágrafo (ou selecione um existente)
- No painel lateral direito de configurações do bloco, clique em Avançado
- No campo Classe(s) adicional(is) do CSS, digite:
texto-justificado - Adicione esta regra no CSS do tema:
.texto-justificado {
text-align: justify;
}
Para adicionar o CSS sem mexer nos arquivos do tema, vá em Aparência → Personalizar → CSS Adicional e cole a regra ali. Salvar e publicar.
Esse caminho tem uma vantagem: você nomeia a classe como quiser e usa quantas vezes precisar nos blocos da página, sem instalar nenhum plugin.
Para a teoria completa de como funciona a justificação em CSS, com tabela de compatibilidade por navegador e ajustes para evitar os “rios de espaços”, veja como deixar o texto justificado no CSS.
Como justificar texto no Gutenberg com plugin
Se você prefere o botão de justificar de volta na barra do Gutenberg, três plugins resolvem:
Advanced Editor Tools (ex-TinyMCE Advanced): o mesmo plugin do editor clássico tem opção para Gutenberg. Adiciona uma barra de formatação clássica acima dos blocos de parágrafo.
Gutenberg Block Editor Toolkit (Block Options): adiciona controle de alinhamento de texto dentro do painel lateral do bloco, incluindo a opção Justificar nativamente.
Who Stole the Text Justify Button: plugin específico para isso. Faz uma coisa só: traz o botão de justificar de volta.
Os três fazem o trabalho, mas o Advanced Editor Tools tem o melhor histórico de atualizações e suporta WordPress 6.x atual.
Se preferir ver o passo a passo em vídeo, o canal iConectado – Criar Site Para Vender Todos os Dias mostra na prática como aplicar a classe CSS no bloco do Gutenberg:
Como justificar texto no Elementor
No Elementor (page builder muito popular no Brasil), justificar texto está disponível por padrão sem precisar de CSS:
- Edite a página com o Elementor
- Clique no widget de texto (Editor de texto, Cabeçalho, etc.)
- No painel lateral esquerdo, vá na aba Estilo
- Em Alinhamento, clique no quarto ícone (linhas com extremidades alinhadas) — é o Justificar
- Atualizar
O Elementor mantém o controle de alinhamento porque é independente do Gutenberg. Mesmo nos blocos do tipo “Texto editor” e “Título” o botão está lá.
A mesma lógica vale para outros page builders populares: Divi tem o controle de alinhamento dentro de cada módulo de texto, e Beaver Builder segue padrão similar.
Como justificar texto globalmente via CSS personalizado
Se você quer que TODOS os parágrafos do site sejam justificados sem mexer bloco a bloco, o CSS global resolve:
- Aparência → Personalizar → CSS Adicional
- Cole o código:
.entry-content p {
text-align: justify;
}
- Publicar
Essa regra justifica todos os parágrafos dentro do conteúdo dos posts e páginas, sem afetar widgets, sidebar, footer ou outras áreas. O seletor .entry-content é o padrão na maioria dos temas WordPress (Astra, GeneratePress, Twenty Twenty, etc.).
Para temas com estrutura diferente, inspecione o post com F12 do navegador e descubra a classe usada pelo seu tema, depois substitua .entry-content pela classe correta.
Importante: ao aplicar justificação global, vale combinar com hifenização e um corretor responsivo para mobile:
.entry-content p {
text-align: justify;
hyphens: auto;
}
@media (max-width: 768px) {
.entry-content p {
text-align: left;
}
}
Para o hyphens: auto funcionar, o atributo lang precisa estar declarado no HTML (todo tema WordPress moderno tem <html lang="pt-BR"> por padrão).
Se você quer mexer no tema sem perder as alterações em atualizações, o caminho profissional é criar um tema filho. Veja como criar um tema filho no WordPress com o passo a passo completo.
Por que o WordPress removeu o botão de justificar
A remoção foi intencional e tem motivos técnicos sólidos:
Acessibilidade. A recomendação WCAG 1.4.8 do W3C orienta que texto justificado deve ser evitado para usuários com dificuldades cognitivas e dislexia. Os espaços irregulares entre as palavras dificultam o rastreamento visual de uma linha para outra.
Legibilidade no mobile. Telas estreitas têm poucas palavras por linha. Justificar distribui o espaço pelos poucos intervalos disponíveis, criando os famosos “rios de espaço” no meio do texto.
Comportamento padrão de design. Sites modernos foram migrando para alinhamento à esquerda como padrão tipográfico, seguindo plataformas como Medium e Substack.
A equipe do WordPress decidiu que, se a justificação ainda é desejada, ela exige uma escolha consciente do administrador (via classe CSS, plugin, ou page builder), em vez de ser oferecida como botão nativo que iniciantes clicam sem entender as consequências.
Tabela comparativa: qual método usar em cada caso
| Situação | Método recomendado |
|---|---|
| Editor clássico, só um parágrafo | Atalho Alt + Shift + J |
| Editor clássico, vários parágrafos sempre | Plugin Advanced Editor Tools |
| Gutenberg, casos pontuais | Classe CSS adicional no bloco |
| Gutenberg, uso frequente | Plugin Advanced Editor Tools ou Gutenberg Block Editor Toolkit |
| Elementor / Divi / Beaver | Ícone Justificar nativo no painel de estilo |
| Site inteiro com tema | CSS personalizado em “Aparência → Personalizar” |
| Site inteiro com tema próprio | Mexer no style.css do tema filho |
Perguntas frequentes
O botão de justificar foi removido do WordPress?
Foi removido do Gutenberg, o editor padrão desde o WordPress 5.0 (lançado em 2018). No editor clássico, o botão e o atalho Alt + Shift + J ainda funcionam. A remoção foi intencional para promover melhor legibilidade e acessibilidade.
Por que não tem mais o botão de justificar texto?
Por motivos de acessibilidade e legibilidade. Texto justificado dificulta a leitura para pessoas com dislexia (segundo a WCAG 1.4.8) e cria “rios de espaços” no mobile. A equipe do WordPress decidiu que a justificação deve ser uma escolha consciente, não um botão fácil de clicar.
Qual o atalho para justificar texto no WordPress?
Alt + Shift + J no Windows ou Ctrl + Option + J no Mac. Funciona no editor clássico (Classic Editor). No Gutenberg padrão, o atalho não está disponível por padrão.
Como justificar texto no Gutenberg sem instalar plugin?
Aplique uma classe CSS adicional ao bloco (no painel lateral, em Avançado, campo “Classe(s) adicional(is) do CSS”) e adicione a regra text-align: justify no CSS do tema via Aparência → Personalizar → CSS Adicional.
Existe plugin para justificar texto no Gutenberg?
Sim. Os mais usados são Advanced Editor Tools (ex-TinyMCE Advanced), Gutenberg Block Editor Toolkit (Block Options) e Who Stole the Text Justify Button. O Advanced Editor Tools tem o melhor histórico de atualizações.
Como justificar texto no Elementor?
Edite o widget de texto, vá na aba Estilo, em Alinhamento clique no ícone Justificar (o quarto ícone, com linhas alinhadas nas duas extremidades). O Elementor mantém o controle nativamente, sem precisar de plugin.
Texto justificado é ruim para SEO?
Não diretamente. O Google não penaliza por texto justificado. Mas pode afetar indiretamente: leitura difícil aumenta a taxa de rejeição, e isso é um sinal de qualidade que o Google considera. Para sites com tráfego majoritário mobile, melhor evitar justificação total.
