Veja em CodeCanyonPreço $26

Nota: este post tem links de afiliados. Ao clicar e fazer compras ganhamos comissões. Obrigado!

YellowPencil – Editor Visual CSS

A versão 7.5.7 saiu! – A última atualização foi lançada em 8 de agosto de 2022

O lápis amarelo é um Plugin de editor de estilo CSS do WordPress que permite personalizar o design do seu site em tempo real.

O plug-in permite que você personalize qualquer página e tema sem codificação. Clique em um elemento e inicie a edição visual. Ajustar cores, fontes, tamanhos, posições, e muito mais. Assuma o controle total sobre o design do seu site com mais de 60 propriedades de estilo.

YellowPencil - Editor de estilo CSS visual - 1

YellowPencil - Editor de Estilo CSS Visual - 2

YellowPencil - Editor de estilo CSS visual - 3

YellowPencil - Editor de estilo CSS visual - 4

YellowPencil - Editor de Estilo CSS Visual - 5

YellowPencil - Editor Visual CSS Style - 6

YellowPencil - Editor de Estilo CSS Visual - 7

Editor CSS Visual

YellowPencil fornece tudo o que você precisa para personalizar o design do seu site. O plugin vem com recursos avançados como redimensionamento visual, arrastar e soltar, ferramenta de medição além de um recurso de toneladas que padrões de fundo, fontes do google e paletas de cores de tendência, também possui uma ferramenta responsiva avançada que permite personalizar seu site para qualquer tamanho de tela.

Características principais

  • Personalize qualquer página, qualquer elemento
  • Personalizar a página de login do WordPress
  • Seletores CSS automáticos
  • Mais de 60 propriedades CSS
  • Arrastar e Soltar Visual
  • Edição de Margem Visual e Preenchimento
  • Editor CSS ao vivo
  • Visualização ao vivo
  • Gerencie as mudanças
  • Desfazer/refazer histórico
  • Exportar arquivo de folha de estilo

Ferramentas de design

O plug-in fornece ferramentas avançadas e bibliotecas prontas para usar para estilizar seu site sem esforço.

  • Inspetor de elementos flexíveis
  • Inspetor de elemento único
  • Ferramenta responsiva
  • Ferramenta de pesquisa de elementos
  • Ferramenta de medida
  • Visualização de estrutura de arame
  • Ferramenta de informações de design
  • Gerador de gradiente
  • Gerente de animação
  • Gerador de animação

Ativos de design

Alcance muitos ativos de design com um clique. Personalize o design do seu site para atender às suas necessidades!

  • Mais de 900 fontes do Google
  • Mais de 300 padrões de fundo
  • Unsplash imagens de fundo
  • Paletas de materiais e cores planas
  • Mais de 50 animações

Propriedades CSS: Texto

  • Família de fontes
  • Espessura da fonte
  • Cor
  • Sombra de texto
  • Tamanho da fonte
  • Altura da linha
  • Estilo de fonte
  • Alinhamento de texto
  • Transformação de texto
  • Espaçamento entre letras
  • Espaçamento entre palavras
  • Decoração de texto
  • Recuo do texto
  • Quebra de linha

Propriedades CSS: plano de fundo

  • Cor de fundo
  • Imagem de fundo
  • Clipe de fundo
  • Modo de mesclagem de fundo
  • Posição de fundo
  • Tamanho do plano de fundo
  • fundo de repetição
  • Anexo de fundo

Outras propriedades CSS

  • Margem
  • Preenchimento
  • Fronteira
  • Raio da borda
  • Posição
  • Largura
  • Altura
  • Listas
  • Flexbox
  • Animação
  • Sombra da caixa
  • Transição
  • Filtro
  • Transformar
  • Opacidade
  • Exibição
  • Cursor
  • Flutuador
  • Claro
  • Visibilidade
  • Eventos de ponteiro
  • Transbordar

Compatível com qualquer tema e plugin

Isso funciona perfeitamente com quase qualquer tema e plugin do WordPress. Você pode usá-lo para editar as páginas que criou com os construtores de páginas.

Compatível com todos os construtores de páginas

O plug-in permite que você personalize as páginas criadas com o editor de blocos Gutenberg, Elementor ou outro construtor de páginas. Redesenhe seu site hoje.

Como é que isso funciona?

O plugin gera códigos CSS como um desenvolvedor web profissional em segundo plano enquanto você está editando a página da web visualmente.

O plugin não modifica nenhum arquivo de tema, ao invés de carregar os códigos CSS gerados no site de forma dinâmica para que você possa gerenciar as alterações a qualquer momento.

Documentação e Suporte

  • Para documentação e tutoriais, acesse nossa Documentação.
  • Se você tiver mais dúvidas, visite o fórum de suporte.
  • Para mais informações, confira nosso site em YellowPencil Visual CSS Style Editor.

Comunidade

Junte-se à Comunidade do Facebook para discussão, feedback e ajuda.

Veja em CodeCanyonPreço $26

plugins premium WordPress