[Ad_1]
Conselhos gerais sobre paletas de cores
Não importa o quão fácil seja adicionar uma paleta de cores ao seu site Divi, é fundamental que você use o tipo certo de paleta para o seu setor e marca. Se você já possui cores de sua marca, esta é a escolha óbvia. Além de nos aprofundarmos na teoria das cores (o que é muito interessante, aliás), temos algumas dicas que podem ajudá-lo a descobrir por onde começar com sua nova paleta de cores.
1. Escolha um site de cor escura ou clara
No esquema de cores que você usará, sem dúvida, você terá cores claras e escuras. O contraste é obrigatório em uma paleta de cores para que o conteúdo escrito não se perca.
Agora, isso nos leva imediatamente à primeira pergunta que você precisa fazer a si mesmo quando deseja aplicar uma paleta de cores ao seu site; Você quer criar um site cor escura ou cor clara? Só porque você escolhe um não significa que você não pode combiná-los, mas ter uma escolha ajuda a escolher seu esquema de cores mais facilmente.
2. Escolha da cor
Em teoria, você pode determinar por si mesmo quantas cores deseja em seu esquema de cores. Não existe um método padrão para aplicar ou determinar paletas de cores. No entanto, para criar um bom equilíbrio de cores com Divi, recomendamos que você use cinco cores.
Para ajudá-lo a aplicar as paletas de cores com cinco cores ao seu site, escolhemos um tipo de método que aplicaremos consistentemente ao mesmo layout ao apresentar as diferentes paletas de cores. Mas antes de mergulharmos nisso, vamos dar uma olhada nos diferentes tipos de cores que você precisa ter em sua paleta de cores se for seguir nosso método.
Cores de fundo
Certifique-se de que as cores de fundo que você escolher combinam entre si. Você usará essas cores de plano de fundo próximas umas das outras e para obter belos resultados; eles devem ter uma certa harmonia.
cor da fonte
A próxima coisa que você precisa escolher é a cor da fonte. Logicamente, a cor da fonte depende das cores de fundo que você escolher. Se você escolheu cores de fundo claras, certifique-se de que a cor da fonte seja escura e vice-versa.
Hyperlink e cor de CTA
A cor do hiperlink que você escolhe é uma das cores que dão vida ao seu site. Certifique-se de que essa cor se destaque das outras cores em sua paleta, pois você a usará em todas as frases de chamariz que incluir em seu site.
Cor para toques finais
Por fim, você pode escolher outra cor pronta que trará cor ao seu site. Embora essa cor não seja tão importante quanto a cor do hiperlink, ela o ajudará a completar o equilíbrio de cores em seu site.
3. Certifique-se de que haja contraste suficiente
Como mencionado anteriormente, fornecer contraste entre algumas das cores em seu esquema de cores é essencial. Se você estiver usando um esquema de cores para um site, esse contraste o ajudará principalmente a tornar legível o conteúdo escrito que você compartilha. Porque, se o seu conteúdo não é fácil de ler, qual é o ponto?
4. Encontre o equilíbrio certo de uso de cores
Existem diferentes maneiras de determinar com que freqüência você deseja usar uma determinada cor em seu esquema de cores. Criar um bom equilíbrio de cores é necessário se você não quiser que eles se sintam oprimidos pelas cores que você usa em seu site.
Certifique-se de usar as cores mais neutras em seu esquema de cores na maioria das vezes e use as outras cores para acentuar o conteúdo fornecido.
Como adicionar uma paleta de cores ao seu site Divi
Com tudo isso em mente, é hora de mergulhar no Divi e aplicar o novo esquema de cores do seu site!
A paleta Divi padrão
Primeiro, vá para o painel do WordPress e navegue até Divi - opções de tema. Debaixo de geral guia, você verá uma entrada intitulada Paleta de seleção de cores padrão. Isso permite que você selecione as 8 cores que deseja acessar rapidamente sempre que abrir as opções de cores no Divi builder. Por padrão, essas são cores brilhantes que muitas pessoas usam, mas não são uma paleta completa que deve ser usada em um único site.
Observe que isso não se aplica às cores ao seu site. Ele apenas os apresenta como opções rápidas no construtor.
Digite o construtor Divi
Quer defina ou não a paleta nas configurações do Divi, sempre terá a possibilidade de aplicar cores diferentes aos elementos do seu site. Para fazer isso, vá para o Divi Builder e insira os parâmetros de qualquer módulo que deseja ajustar em sua nova paleta.
Sob a cor atualmente escolhida para qualquer elemento, você verá o ícone de reticências (três pontos). Ao clicar nele, você abre a ferramenta Magic Color do Divi. O construtor leva em consideração suas cores usadas recentemente e as cores na própria página para fornecer a você uma série de paletas múltiplas compostas de cores complementares que devem funcionar muito bem juntas.
Defina as cores como globais
Depois de decidir quais cores deseja usar, é hora de defini-las como globais. As cores globais podem ser configuradas para mudar em uma página inteira, independentemente do módulo ou elemento. Isso significa que se você quiser trocar 5 cores diferentes, não terá que fazer isso mais de 100 vezes, individualmente em instâncias dessa cor. Você fará isso 5 vezes.
Para começar, vá para qualquer módulo com um seletor de cores. Abaixo você verá um link chamado Global. Clique nele e a paleta global desaparecerá. A partir daí você definirá as cores que deseja disponibilizar globalmente clicando no botão mais + ícone.
Quando o novo seletor aparecer, clique no botão carrapato verde para adicionar a cor atual como uma opção global.
Não importa onde está o círculo branco. O valor hexadecimal é o que é adicionado às cores globais. Agora você verá a cor padrão adicionada ao lado do ícone de adição. E você pode ver que a cor foi aplicada ao site por causa do ícone de soltar na cor em vez do círculo normal.
Além disso, você pode clicar com o botão direito em uma cor escolhida e selecionar "Converter para global" para adicioná-la à lista.
Repita esse processo para cada cor da paleta escolhida, de modo que toda a sua paleta seja eventualmente salva no link Global. Isso é muito importante à medida que você aplica a nova paleta a todos os elementos de uma página.
Aplicar cores globais
Então você deseja substituir todas as instâncias da mesma cor em sua página pode ser ajustada globalmente. O que você deseja fazer é ir até o elemento com a cor que deseja alterar e clicar com o botão direito sobre ele. Você então escolherá Encontre e substitua no menu de contexto. Não converta esta cor para global aqui. Isso faz parte da próxima etapa.
A próxima tela será onde você escolherá substituir essa cor pela cor geral. Certifique-se de que sob Substituir com você clica Global em seguida, escolha a cor geral que deseja estender na página. Certifique-se de marcar a caixa que diz "Substitua todos os valores encontrados em cada tipo de opção, não se limitando a [inserir o tipo de elemento atual]." Isso garantirá que, independentemente do que aconteça, essa cor será substituída.
Agora você pode alterar essa cor geral específica e, quando o fizer, todas as ocorrências dela serão alteradas. Tenha cuidado, você não escolhe uma nova cor da paleta. Isso só mudará a cor atual. Vocês editar a cor para alterá-la em todos os lugares porque você marcou cada instância dessa cor única como global.
Você pode editá-lo coletivamente usando o seletor de cores. Basta clicar na gota para escolher uma nova.
Depois disso, basta repetir esse processo para cada cor da sua nova paleta. Apenas uma mudança para cada cor em sua paleta. Não é uma troca de cada item específico de uma determinada cor.
pacote
Escolher e aplicar uma paleta de cores global ao seu site Divi nunca foi tão fácil. Você pode usar nosso recurso Magic Color para ajudá-lo a escolher uma paleta e, em seguida, pode defini-las como as cores gerais do seu site. Uma vez feito isso, tudo que você precisa fazer é escolher a cor que você está trocando e usar a função de busca e substituição embutida do Divi para substituir essas cores na página. Com este fluxo de trabalho, você com certeza economizará muito tempo redesenhando vários sites e modificando alguns de nossos pacotes de layout gratuitos.
Tome prazer!
Imagem do artigo em destaque por ART.ICON / shutterstock.com
[Ad_2]
