Como personalizar seu design de tema para WordPress

Se você deseja personalizar o design do tema WordPress da maneira mais fácil, então o Lápis amarelo WordPress plugin 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 precisar tocar em uma linha de código.


Usar o Yellow Pencil ensinará a você a alegria do design da web, criando 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 sobre o uso da versão premium do Yellow Pencil abordará seus principais recursos, incluindo seus recursos de edição CSS ao vivo com apontar e clicar e sua compatibilidade com qualquer tema do WordPress. Em seguida, examinaremos a experiência do usuário oferecida, permitindo que você configure e projete rapidamente..

Quem é o lápis amarelo para?

Lápis Amarelo Quem

Se você está procurando uma maneira mais rápida de personalizar seu site ou não conhece o 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, a facilidade de uso, a interface intuitiva e a documentação detalhada de suporte significam que mesmo aqueles com experiência limitada em design podem acessar esse plug-in. Em resumo, se você deseja personalizar a aparência do seu site WordPress, o Yellow Pencil é o editor de estilos visuais para você.

Em resumo, se você deseja personalizar a aparência do seu site WordPress, o Yellow Pencil é o editor de estilos visuais para você.

Principais recursos do lápis amarelo

Recursos de lápis amarelos

Lápis amarelo é 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 selecionar e personalizar todos os elementos visuais no seu site WordPress. Edite cores, planos de fundo, bordas e muito mais. Tudo isso é feito em tempo real, no front-end do seu site, para que você possa visualizar as alterações conforme as realiza. O Lápis amarelo gerará código em segundo plano. Portanto, a menos que você queira, não precisará procurar 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 selecione as paletas de cores modernas do Yellow Pencil
  • Use um editor de CSS ao vivo

Documentação e suporte extensivos 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 Lápis Amarelo tem a oferecer. Mas como começamos e a experiência do usuário é tão impressionante quanto os recursos que ela fornece?

Como instalar o lápis amarelo

O Lápis Amarelo é extremamente rápido e fácil de instalar. Depois de adquirir o plug-in da CodeCanyon (ou adquirir um tema premium como Nova York que inclui o plug-in de graça), faça o download do “Somente arquivo instalável do WordPress” na página de downloads do Envato (ou use a versão gratuita disponível em WordPress.org).

Em seguida, abra seu painel do WordPress. Selecione “Plugins”> “Adicionar novo”.

Yellow Pencil Adicionar novo

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

Upload de lápis amarelo

De onde você o baixou, selecione “waspthemes-yellow-pencil.zip”. Clique em “Instalar agora”.

Instalação do lápis amarelo

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

Após a ativação, a página de boas-vindas da página amarela aparecerá no seu painel. Em “Recursos”, você encontrará a documentação, os tutoriais e outras ajuda e suporte do plug-in que você pode precisar para começar.

Bem-vindo a lápis amarelo

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

Compreendendo a interface do lápis amarelo

A interface do lápis amarelo é muito clara e intuitiva de usar. A barra que corre no lado esquerdo da página exibe as ferramentas disponíveis.

Barra esquerda de lápis amarelo

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

Painel Editor de Lápis Amarelo

Quando você clica em um elemento da página, o Painel do Editor muda para conter as propriedades do 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, no lado esquerdo, exibe inúmeras ferramentas, mas algumas são imediatamente importantes para ajudar você a começar…

Ferramentas da barra de ferramentas Lápis Amarelo

  • Inspetor de elementos – permite selecionar qualquer elemento na página para personalizar.
  • Desfazer e refazer – Experimente designs diferentes em sua página com segurança, sabendo que você pode desfazer ou refazer suas edições.
  • Tela cheia – trabalhe em tela cheia, fornecendo uma visão clara de suas personalizações conforme você as faz.

O painel do editor incorpora três botões cruciais…

Botões do painel Editor de lápis amarelo

  • Visualização ao vivo – visualize suas alterações sem a interface do lápis amarelo em exibição.
  • Redefinir alterações – não gosta de suas edições? Redefina 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 customizing

Tipo de personalização de lápis amarelo

Antes de selecionar um elemento em sua página e começar a editá-lo, é necessário 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, personalize uma página e personalize modelos.

Cada um dos tipos é relativamente auto-explicativo. Selecionar “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 de produtos ou blogs.

O tipo de personalização que você escolheu será exibido na parte superior do Painel do Editor. Verifique se você está editando o 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á um exemplo de algumas das inúmeras ferramentas e recursos de personalização que este plug-in oferece. Isso o ajudará a produzir 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 Lápis Amarelo oferece várias opções para ajudá-lo a estilizar seu texto de maneira que se adapte ao design do seu site e chame a atenção do leitor.

Clique na seção de texto que você deseja editar e selecione “Texto” no Painel do editor. Isso exibirá as opções de personalização para 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, além de 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 cores..

Adicionar uma borda

Borda de lápis amarelo

Adicionar uma borda a determinados itens de uma página pode ajudar a destacar informações importantes e criar visuais eficazes. Depois de selecionar a imagem ou o texto ao qual você deseja adicionar uma borda, selecione “Borda” no Painel do editor. Existem quatro estilos de

Depois de selecionar a imagem ou o texto ao qual você deseja adicionar uma borda, selecione “Borda” no Painel do editor. Existem quatro estilos de borda para escolher; sólido, pontilhado, tracejado 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 ter uma cor, estilo e espessura diferentes, resultando em uma aparência única e atraente.

Alterar o plano de fundo

Fundo de lápis amarelo

Um fundo impressionante pode ajudar a tornar um elemento pop. O Lápis Amarelo permite alterar o plano de fundo de cada elemento do seu site.

Para fazer isso, clique no item escolhido e selecione “Plano de fundo” 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 enviar suas próprias imagens personalizadas. Depois de escolher um plano de fundo, você pode ajustar o tamanho, a posição e, se tiver adicionado uma imagem, escolher se ela é estática ou se desloca com o restante da página..

Use animações

Animação de lápis amarelo

O uso de 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 ampliar ou diminuir, até 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 Gerador de animação na barra de ferramentas.

Redimensionar e reposicionar qualquer elemento

Redimensionar e reposicionar qualquer elemento é muito simples com o Lápis Amarelo.

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

Redimensionamento de 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.

Lápis Amarelo Gota de Dragão

A desvantagem desse recurso de arrastar e soltar é que ele pode causar problemas na visualização em celulares. Use a Ferramenta Responsiva, encontrada na barra de ferramentas, para ver como sua página será exibida em todos os tamanhos de tela. Pode ser necessário alterar seu design adequadamente.

Preços

Preços Lápis Amarelos

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

Pensamentos finais

Lápis amarelo é uma ótima ferramenta para usar se você deseja 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, verifique se você tem uma visão clara de como deseja que seu site seja.

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

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me