PluginsWordPressYellowPencil WordPress

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):

  1. Acesse Aparência → Personalizar
  2. Clique em “CSS Adicional” no menu lateral
  3. Escreva seu CSS personalizado
  4. 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

FerramentaEditor VisualPreço
CSS Adicional (nativo)NãoIncluso
Simple Custom CSSNãoGratuito
Elementor FreeSim (por elemento)Gratuito
YellowPencilSim (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.


Veja também: Elementor Free e Plugins WordPress gratuitos essenciais.

Produtos Relacionados no Mercado Livre

Carregando...

Links de afiliado.

Deixe um comentário

Seu endereço de e-mail não será publicado. Campos obrigatórios estão marcados *

Postar Comentário