Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Ajuste seu design de tema WordPress com lápis amarelo

Você está em:

Ajuste seu design de tema WordPress com lápis amarelo
Como personalizar o design do seu tema WordPress

Se você deseja personalizar o design do seu tema WordPress de maneira fácil, o plug-in Yellow Pencil WordPress pode ser apenas o complemento necessário para o seu site. Este editor de estilo visual permitirá que você altere a aparência do seu site, sem ter que tocar em uma linha de código.

Usar o Yellow Pencil ensinará a você a alegria do design da web, enquanto cria um belo site para impressionar seus visitantes. Edite qualquer elemento do seu site, tudo no front-end e em tempo real. Os únicos limites para o design do seu site serão sua própria imaginação.

Este guia detalhado para usar a versão premium do Yellow Pencil abordará seus principais recursos, incluindo seus recursos de edição de CSS ao vivo de apontar e clicar e sua compatibilidade com qualquer tema do WordPress. Em seguida, analisaremos a experiência do usuário oferecida, permitindo que você configure e projete rapidamente.

Para quem é o lápis amarelo?

Lápis Amarelo Quem

Se você está procurando uma maneira mais rápida de personalizar seu site ou não está familiarizado com CSS,  o Yellow Pencil  pode ajudá-lo. Este plugin inclui ferramentas avançadas e opções de personalização, perfeitas para profissionais que desejam criar novos sites para clientes.

No entanto, a falta de codificação necessária, facilidade de uso, interface intuitiva e documentação de suporte detalhada, significa que mesmo aqueles com experiência em design limitada podem acessar este plug-in. Em suma, se você deseja personalizar a aparência do seu site WordPress, o Yellow Pencil é o editor de estilo visual para você.

Em suma, se você deseja personalizar a aparência do seu site WordPress, o Yellow Pencil é o editor de estilo visual para você.

Principais Características do Lápis Amarelo

Recursos do lápis amarelo

Yellow Pencil é uma ferramenta de design verdadeiramente impressionante. Os recursos e ferramentas disponíveis permitem controle total sobre a aparência do seu site. Ele pode ser usado em qualquer tema ou plugin do WordPress e permitirá que você crie páginas da Web elegantes e responsivas.

O Element Inspector permite que você selecione e personalize cada elemento visual em seu site WordPress. Edite cores, fundos, bordas e muito mais. Tudo isso é feito em tempo real, no front-end do seu site, para que você possa visualizar as alterações à medida que as faz. O Yellow Pencil gerará código em segundo plano, portanto, a menos que você queira, você não precisará examinar nenhum código. Outros recursos incluem:

  • Arraste e solte para reposicionar elementos
  • Redimensione elementos com o toque do mouse
  • Escolha entre mais de 600 fontes, mais de 300 padrões de fundo, mais de 50 animações e muito mais
  • Cores ilimitadas disponíveis ou selecionadas nas paletas de cores modernas do Yellow Pencil
  • Use um editor CSS ao vivo

Extensa documentação e suporte também estão disponíveis para ajudá-lo a tirar o máximo proveito deste editor de estilo visual do WordPress.

Então, agora sabemos o que o Yellow Pencil tem a oferecer. Mas como começamos e a experiência do usuário é tão impressionante quanto os recursos que ela oferece?

Como instalar o lápis amarelo

O Yellow Pencil é extremamente rápido e fácil de instalar. Depois de comprar o plug -in do CodeCanyon (ou comprar um tema premium como Nova York que inclui o plug-in gratuitamente), baixe o “Apenas arquivo instalável do WordPress” da sua página de downloads do Envato (ou você pode usar a versão gratuita disponível no WordPress. org ).

Em seguida, abra seu painel do WordPress. Selecione ‘Plugins’ > ‘Adicionar novo’.

Lápis Amarelo Adicionar Novo

Na página Adicionar plug-ins, clique em ‘Carregar plug-in’ > ‘Escolher arquivo’.

Carregar Lápis Amarelo

De onde você baixou, selecione ‘waspthemes-yellow-pencil.zip’. Clique em ‘Instalar agora’.

Instalação do Lápis Amarelo

Após a instalação do plugin, clique em ‘Ativar’. Digite o código de ativação que você recebeu quando comprou o plug-in. Isso fornecerá acesso às atualizações do plug-in à medida que forem lançadas.

Após a ativação, a página de boas-vindas da Página Amarela aparecerá em seu painel. Em ‘Recursos’ você encontrará a documentação do plug-in, tutoriais e outras ajudas e suporte que você pode precisar para começar.

Lápis Amarelo Bem-vindo

Quando estiver pronto, clique em ‘Vamos começar’. Isso o levará diretamente ao modo de edição.

Entendendo a interface do lápis amarelo

A interface Yellow Pencil é muito clara e intuitiva de usar. A barra que percorre o lado esquerdo da página exibe as ferramentas disponíveis.

Barra Esquerda do Lápis Amarelo

O painel que paira no lado direito da página é o Painel do Editor. Quando nenhum elemento da página estiver selecionado, mostrará os três tipos de customização em que é possível editar.

Painel do Editor de Lápis Amarelo

Quando você clica em um elemento na página, o Painel do Editor muda para conter as propriedades de estilo.

Elemento de Lápis Amarelo Selecionado

Uma caixa azul aparecerá ao redor de um elemento selecionado, mostrando opções adicionais de personalização.

Elemento de Lápis Amarelo Selecionado

Ferramentas importantes que você precisará

A barra de ferramentas, do lado esquerdo, exibe várias ferramentas, mas algumas são imediatamente importantes para ajudá-lo a começar…

Ferramentas da Barra de Ferramentas Lápis Amarelo
  • Element Inspector – Isso permite que você selecione qualquer elemento na página para personalizar.
  • Desfazer e Refazer – Experimente designs diferentes em sua página sabendo que você pode desfazer ou refazer suas edições.
  • Tela cheia – Trabalhe em tela cheia, dando a você uma visão clara de suas personalizações à medida que as faz.

O Painel do Editor incorpora três botões cruciais…

Botões do painel do editor de lápis amarelo
  • Visualização ao vivo – Visualize suas alterações sem nenhuma interface do Yellow Pencil em exibição.
  • Redefinir alterações – Não gosta de suas edições? Basta redefinir as alterações que você fez.
  • Salvar – Depois de visualizar seu trabalho e ficar satisfeito com os resultados, basta clicar no botão Salvar.

Selecionando um tipo de customização

Tipo de personalização de lápis amarelo

Antes de selecionar um elemento em sua página e começar a editá-lo, você precisa primeiro escolher um tipo de personalização. Eles são exibidos no Painel do Editor, quando nenhum elemento é selecionado. Existem três tipos para escolher; Personalização global, personalização de uma página e personalização de modelos.

Cada um dos tipos é relativamente auto-explicativo. A seleção de ‘Personalização Global’ significa que as alterações que você fizer serão aplicáveis a todas as páginas do seu site. Se você escolher ‘Personalizar uma página’, todas as edições afetarão apenas a página em que você está trabalhando. ‘Personalizar modelos’ se aplica ao tipo de postagem atual, uma boa opção se você deseja configurar todas as páginas do produto ou do blog.

O tipo de personalização que você escolheu será exibido na parte superior do Painel do Editor. Certifique-se de verificar se está editando no tipo certo antes de salvar seu trabalho.

O que você pode fazer com lápis amarelo?

Depois de se familiarizar com a interface, é hora de começar. Abaixo está uma amostra de algumas das inúmeras ferramentas e recursos de personalização que este plugin oferece. Estes irão ajudá-lo no caminho para a produção de um site bonito e profissional.

Alterar a tipografia

Tipografia de Lápis Amarelo

Escolher uma fonte apropriada para o seu site é uma tarefa importante. O Yellow Pencil oferece uma variedade de opções para ajudá-lo a estilizar seu texto de uma maneira que se ajuste ao design do seu site e chame a atenção do leitor.

Clique em uma seção de texto que você gostaria de editar e selecione ‘Texto’ no Painel do Editor. Isso exibirá as opções de personalização da tipografia. Escolha entre mais de 600 tipos de fonte, altere o tamanho da fonte, altere a altura da linha, controle o espaçamento de letras e palavras e muito mais. Você também pode alterar a cor do seu texto selecionando uma das paletas de cores modernas do Yellow Pencil ou optar por sua própria escolha de cor.

Adicionar uma borda

Borda de Lápis Amarelo

Adicionar uma borda a determinados itens em uma página pode ajudar a destacar informações importantes e criar recursos visuais eficazes. Depois de selecionar a imagem ou o texto ao qual deseja adicionar uma borda, selecione ‘Border’ no Painel do Editor. Existem quatro estilos de

Depois de selecionar a imagem ou o texto ao qual deseja adicionar uma borda, selecione ‘Border’ no Painel do Editor. Existem quatro estilos de borda para escolher; sólido, pontilhado, pontilhado ou oculto. Você também pode alterar a largura da borda para torná-la mais definida e alterar a cor.

Um recurso impressionante é que você pode personalizar cada lado da borda separadamente. Isso significa que cada um dos quatro lados pode receber uma cor, estilo e espessura diferentes, resultando em uma aparência única e atraente.

Altere o fundo

Fundo de Lápis Amarelo

Um fundo marcante pode ajudar a destacar um elemento. O Yellow Pencil permite que você altere o plano de fundo de cada elemento em seu site.

Para fazer isso, clique no item escolhido e selecione ‘Background’ no Painel do Editor.

Aqui você pode alterar a cor do plano de fundo, selecionar um dos padrões Yellow Pencils 300+ ou escolher um gradiente CSS. Você também tem a opção de fazer upload de suas próprias imagens personalizadas. Depois de escolher um plano de fundo, você pode ajustar o tamanho do plano de fundo, a posição e, se tiver adicionado uma imagem, escolher se é estático ou rola com o resto da página.

Usar animações

Animação de Lápis Amarelo

Usar animações é outra ótima maneira de ajudar seu conteúdo a causar impacto. Em ‘Animação’ no Painel do Editor, você pode adicionar um efeito de animação ao elemento escolhido.

Escolha uma das mais de 50 animações no gerenciador de animação ao vivo, desde aumentar ou diminuir o zoom, saltar, girar e muito mais. Você pode controlar a duração e o atraso, além de executar várias animações simultaneamente, se desejar. Isso dará originalidade ao seu site, além de chamar a atenção para os aspectos importantes da sua página. Você também pode criar suas próprias animações personalizadas selecionando o Animation Generator na barra de ferramentas.

Redimensione e reposicione qualquer elemento

Redimensionar e reposicionar qualquer elemento é muito simples com o Yellow Pencil.

Para redimensionar, clique em um item diretamente para que a caixa azul destacada apareça ao redor dele. Em seguida, basta arrastar as linhas horizontais e verticais da caixa azul para alterar o tamanho.

Redimensionar Lápis Amarelo

Para reposicionar um elemento, clique nele e mantenha pressionado o botão do mouse. Arraste e solte-o na posição apropriada na página.

Gota do Dragão Lápis Amarelo

A desvantagem desse recurso de arrastar e soltar é que ele pode causar problemas de visualização em celulares. Use a Ferramenta Responsiva, encontrada na barra de ferramentas, para ver como sua página da web ficará em todos os tamanhos de tela. Você pode precisar alterar seu design de acordo.

Preços

Preço do Lápis Amarelo

O plug-in Yellow Pencil WordPress está disponível na CodeCanyon por $ 26. Isso inclui suporte de 6 meses, mas você tem a opção de pagar US$ 7,88 extras para estender o suporte para até 12 meses.

Pensamentos finais

Yellow Pencil é uma ótima ferramenta para usar se você quiser personalizar a aparência do seu site WordPress. Os recursos e a facilidade de uso fornecem tudo o que você precisa para criar um site WordPress personalizado. Para obter melhores resultados, certifique-se de ter uma visão clara de como deseja que seu site seja.

O Yellow Pencil tem os recursos necessários para personalizar seu site WordPress? Por favor, compartilhe seus pensamentos abaixo…

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.