YellowPencil – Editor de estilo CSS visual

Descrição

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

O plugin permite que você personalize 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 sobre o design do seu site com mais de 60 propriedades de estilo.

Visual CSS Editor

YellowPencil fornece tudo o que você precisa para personalizar o design do seu site. O plug-in 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ências, além de uma ferramenta responsiva avançada que permite personalizar seu site para qualquer tamanho de tela.

Características principais

• Personalize qualquer página, qualquer elemento
• Personalize a página de login do WordPress
• Seletores automáticos de CSS
• 60+ propriedades CSS
• Arrastar e soltar visual
• Edição de margem visual e preenchimento
• Editor de CSS ao vivo
• Visualização ao vivo
• Gerenciar as alterações
• Histórico de desfazer/refazer
• Exportar arquivo de folha de estilo

Ferramentas de design

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

• Inspetor de elementos flexível
• Inspetor de elemento único
• Ferramenta responsiva
• Ferramenta de pesquisa de elementos
• Ferramenta de medição
• Visualização de wireframe
• Ferramenta de informações de design
• Gerador de gradiente
• Gerenciador 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!

• 900+ fontes do Google
• 300+ padrões de fundo
• Unsplash, fundo banco de imagens
• Paletas de cores planas e de materiais
• 50+ Animações

Propriedades CSS: Texto

• Família de fontes
• Peso da fonte
• Cor
• Sombra de texto
• Tamanho da fonte
• Altura da linha
• Estilo da 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
• Repetição de fundo
• Anexo de fundo

Outras propriedades CSS

• Margem
• Acolchoamento
• Fronteira
• Raio da borda
• Posição
• Largura
• Altura
• Listas
• Caixa flexível
• Animação
• Sombra da caixa
• Transição
• Filtro
• Transformar
• Opacidade
• Exposição
• Cursor
• Flutuar
• 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 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 isso funciona?

O plug-in gera códigos CSS como um desenvolvedor web profissional em segundo plano enquanto você edita a página da web visualmente.

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