Descrição
O YellowPencil edita o CSS de qualquer tema ou plugin WordPress diretamente no front-end, permitindo selecionar elementos com clique e ajustar propriedades visuais por painéis em tempo real. Funciona como editor visual sobre o site renderizado, com controle de tipografia, cores, espaçamentos, bordas, sombras e animações sem exigir conhecimento de código por parte do usuário.
Características Principais
- Editor visual no front-end
Seleciona elementos com clique direto na página e aplica estilos sem recarregar. - Centenas de propriedades CSS
Controla tipografia, cores, fundos, margens, bordas, sombras e transformações por painéis. - Animações CSS integradas
Cria efeitos de entrada e hover em qualquer elemento com biblioteca pronta de animações. - Histórico de alterações
Registra cada modificação com desfazer e refazer ilimitados durante a sessão de edição. - Edição responsiva por breakpoints
Define estilos distintos para desktop, tablet e mobile com pré-visualização imediata.
Benefícios do YellowPencil
- Personalização sem código
Ajusta o visual de temas comerciais sem editar arquivos CSS ou usar child theme. - Ciclo de design mais curto
Visualiza o resultado durante a edição, eliminando o ciclo salvar, recarregar e conferir. - Compatibilidade ampla
Funciona sobre praticamente qualquer tema WordPress e a maioria dos construtores de página. - Refinamento de detalhes
Permite chegar ao acabamento visual desejado mesmo em temas com customizer limitado.
Para Quem é Indicado?
- Designers que precisam refinar o visual de temas comerciais sem mexer no código-fonte.
- Desenvolvedores WordPress que querem agilizar ajustes finos de CSS em projetos de cliente.
- Agências e freelancers que entregam sites personalizados a partir de temas prontos.
O YellowPencil ocupa o espaço entre o customizer nativo do WordPress e a edição manual de folhas de estilo, oferecendo um painel granular sobre o DOM renderizado. A combinação de seleção visual, controle responsivo e biblioteca de animações reduz a dependência de código personalizado em projetos que partem de temas comerciais.
Perguntas Frequentes
O plugin YellowPencil – Visual CSS Style Editor é GPL?
Sim. O YellowPencil – Visual CSS Style Editor é distribuído sob a licença GPL (GNU General Public License). Você pode usar, modificar e redistribuir legalmente, em quantos sites quiser.
Posso usar o plugin YellowPencil – Visual CSS Style Editor em mais de um site?
Sim. Você pode instalar o YellowPencil – Visual CSS Style Editor em quantos sites quiser. Só as atualizações automáticas pelo Ultrapack Auto Updater têm limite: de 3 a 80 sites, conforme o plano.
Quanto custa o plugin YellowPencil – Visual CSS Style Editor no Ultrapack?
O YellowPencil – Visual CSS Style Editor sai por R$ 14,90 na compra avulsa, e também está incluído nos planos de assinatura a partir de R$59/mês (VIP I).
O plugin YellowPencil – Visual CSS Style Editor inclui atualizações?
Sim. A versão atual do YellowPencil – Visual CSS Style Editor é a 7.6.7, publicada no Ultrapack em 07/07/2025. Assinantes atualizam direto do painel do WordPress com o UAU (Ultrapack Auto Updater).
O plugin YellowPencil – Visual CSS Style Editor é seguro para baixar e instalar no meu WordPress?
Sim. Cada versão do YellowPencil – Visual CSS Style Editor passa por varredura de malware (ClamAV e regras YARA, no UltraHub) antes de ser publicada.
Como instalar
Atualização automática: este item é atualizado pelo Ultrapack Auto Updater. Com ele instalado, a versão nova aparece no seu painel como qualquer outra atualização do WordPress (como configurar).
O arquivo desta página é o pacote completo do autor, com a documentação junto. Não envie esse arquivo pelo painel: o WordPress responde que o pacote não contém um plugin válido. O plugin vem pronto lá dentro, como um ZIP próprio, e é ele que você envia.
- Baixe o arquivo
codecanyon-11322180-yellow-pencil-visual-css-style-editor.zipe extraia no seu computador. - Dentro do que foi extraído, procure pelo arquivo
Plugin/waspthemes-yellow-pencil.zip. - No painel do WordPress, vá em Plugins > Adicionar novo > Enviar plugin.
- Selecione esse arquivo, clique em Instalar agora e depois em Ativar.
- Não precisa compactar nada. O ZIP de dentro do pacote já está no formato que o WordPress aceita.
- O resto do pacote é do autor: documentação, licença e, às vezes, arquivos de exemplo. Nada disso se instala pelo painel.
Travou em algum passo? Abra um chamado dizendo em qual deles parou.

UAU Ready