YellowPencil – Visual CSS Style Editor

YellowPencil é um plugin de editor de estilo CSS para WordPress que permite personalizar o design do seu site em tempo real.

O plugin permite personalizar qualquer página e tema sem codificação . Clique em um elemento e inicie a edição visual. Ajuste cores , fontes , tamanhos , posições e muito mais. Assuma o controle total do design do seu site com mais de 60 propriedades de estilo.

Editor visual de CSS

YellowPencil oferece tudo 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, bem como uma tonelada de recursos 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 que você personalize seu site para qualquer tela tamanho.

Características principais

• Personalize qualquer página, qualquer elemento
• Personalize a página de login do WordPress
• Seletores CSS automáticos
• Mais de 60 propriedades CSS
• Arrastar e soltar visuais
• Edição de margem visual e preenchimento
• Editor CSS ao vivo
• Visualização ao vivo
• Gerenciar as mudanças
• Desfazer/Refazer histórico
• Exportar arquivo de folha de estilo

Ferramentas de projeto

O plugin 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 projeto

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
• Imagens de fundo Unsplash
• 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 de 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 plano de fundo

Outras propriedades CSS

• Margem
• Preenchimento
• Fronteira
• Raio da Fronteira
• Posição
• Largura
• Altura
• Listas
• Caixa flexível
• Animação
• Sombra da caixa
• Transição
• Filtro
• Transformar
• Opacidade
• Mostrar
• Cursor
• Flutuador
• Claro
• Visibilidade
• Eventos de ponteiro
• Transbordar

Compatível com qualquer tema e plugin

Isso funciona perfeitamente com quase todos os temas e plugins do WordPress. Você pode usá-lo para editar as páginas criadas com os construtores de páginas.

Compatível com todos os construtores de páginas

O plugin 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 plug-in gera códigos CSS como um desenvolvedor web profissional em segundo plano enquanto você edita a página web visualmente.

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