Como Editar CSS no WordPress sem Plugins Pagos em 2025
Plugins de edição CSS visual como YellowPencil custam US$23+. O WordPress tem recursos nativos gratuitos para edição de CSS — e existem plugins gratuitos com recursos similares.
Método 1: CSS Adicional Nativo do WordPress
O WordPress inclui um editor de CSS adicional diretamente no Personalizador (Customizer):
Acesse Aparência → Personalizar
Clique em “CSS Adicional” no menu lateral
Escreva seu CSS personalizado
Clique em “Publicar” para salvar
Este CSS é preservado durante atualizações do tema e não interfere nos arquivos originais.
Método 2: Editor de Blocos Gutenberg
O Gutenberg permite adicionar CSS personalizado por bloco. Selecione qualquer bloco → Configurações avançadas → “Classe CSS adicional”.
Método 3: Plugin Gratuito — Simple Custom CSS
O plugin Simple Custom CSS (gratuito no repositório WordPress) adiciona um editor CSS dedicado no painel admin — mais prático que o Customizer para grandes blocos de código.
Alternativas Gratuitas ao YellowPencil
Ferramenta
Editor Visual
Preço
CSS Adicional (nativo)
Não
Incluso
Simple Custom CSS
Não
Gratuito
Elementor Free
Sim (por elemento)
Gratuito
YellowPencil
Sim (point & click)
US$23+
FAQ
O CSS adicional do WordPress é removido ao atualizar o tema?
Não. O CSS adicional do Customizer é armazenado separadamente do tema e é preservado durante atualizações.
Existe um editor CSS visual gratuito para WordPress?
O Elementor Free permite editar estilos de forma visual por elemento. Para edição CSS point-and-click como YellowPencil, não há alternativa 100% gratuita equivalente.
