Este artigo é dedicado a Como adicionar predefinições de cores ao personalizador do WordPress. Adicionaremos predefinições de cores ao personalizador do WordPress neste tutorial.
Tornar seu site um esquema de cores sólidas ajudará a reforçar sua marca e mostrar profissionalismo. Personalizar seu tema manualmente é trabalhoso.
Adicionar predefinições de cores ao WordPress Customizer pode ajudar a simplificar o processo.
O que são predefinições de cores e por que você deve usá-las? Siga nosso guia de cinco etapas para adicioná-los ao WordPress Customizer. Então vamos começar!
Conteúdo
Como adicionar predefinições de cores ao personalizador do WordPress? 5 Passos
Para saber como criar predefinições de cores para o seu site, acesse aqui. Aprenda como adicionar predefinições de cores ao WordPress Customizer em cinco etapas fáceis.
1. Os dados do seu site devem ter backup
O arquivo functions.php do seu tema deve ser editado para incluir predefinições de cores. Aconselhamos fortemente que você crie um backup do seu site antes de continuar.
Ter uma cópia dos arquivos do seu site caso algo dê errado é uma boa ideia. Para proteger seu site, há várias opções disponíveis para você.
Usando um plugin como UpdraftPlus é uma solução simples. É fácil fazer backup do seu site usando este aplicativo freemium. Outras opções para armazenar os dados fora do local incluem Google Drive e Dropbox.
2. Crie um subtema para seu tema principal
Uma atualização de tema pode substituir quaisquer modificações feitas nos arquivos do tema se você as fizer diretamente. Ao adicionar código personalizado, você sempre deve usar um tema filho para evitar isso.
Há uma variedade de abordagens que você pode adotar aqui. Você pode instalar um tema filho para o Beaver Builder, por exemplo. Você pode até criar um tema filho em branco se estiver usando um tema diferente.
É possível criar um tema filho usando plugins gratuitos do WordPress. Certifique-se de ativar seu tema filho em Aparência > Temas depois de adicioná-lo.
3. No arquivo functions.php do seu tema filho, adicione o seguinte código
Aparência > Editor de temas no painel do WordPress é onde você encontrará seu novo tema filho. Selecione o tema filho na opção suspensa na parte superior da tela.
Verifique seus plugins de segurança para ver se eles bloquearam o acesso ao Editor de temas no menu de administração. Localize o arquivo functions.php no lado direito em Funções do tema.
O código a seguir deve ser adicionado ao arquivo. As cores predefinidas que você escolher usar serão exibidas nas caixas abaixo do quadrado do seletor de cores quando você usar esse código.
4. Personalize as predefinições de cores
Em seguida, edite a opção de paletas para adicionar ou remover cores hexadecimais. Você pode alterar o número de caixas no Personalizador alterando este código.
Adicione quantas cores hexadecimais quiser à sua paleta. Para salvar suas alterações, clique no botão Atualizar arquivo na parte inferior do Editor de temas.
5. Teste suas predefinições de cores antes de salvar
Depois de atualizar suas modificações, verifique se as predefinições de cores estão disponíveis no WordPress Customizer. Recarregue seu site no navegador e vá para Personalizador.
Você deve observar as novas cores hexadecimais no seletor de cores. É possível editar o Parâmetros HSL para alterar o matiz, a saturação e o brilho dos quadrados e controles deslizantes do seletor de cores.
Se tudo estiver correto, você está pronto! Agora você personalizou o WordPress Customizer. Você pode editar as cores no arquivo functions.php do seu tema.
Construção de página do WordPress: o valor do uso de esquemas de cores
É crucial para a sua identidade online que a paleta de cores do seu site seja consistente. Manter um estilo visual uniforme em todo o site acrescenta credibilidade e profissionalismo.
O próximo passo depois de definir uma paleta de cores para sua marca é implementá-la de forma consistente em todo o seu conteúdo. Com o WordPress Customizer, alterar as cores usadas em seu conteúdo é muito fácil.
Abaixo do seletor de cores quadrado no WordPress Customizer está o esquema de cores predeterminado.
Você pode salvar seus esquemas de cores favoritos nos quadrados coloridos. No entanto, você provavelmente já percebeu que as cores padrão não combinam com o esquema de cores específico da sua marca.
Além disso, pode ser um incômodo reinserir constantemente os valores hexadecimais das cores da sua marca. Se você editar o arquivo do seu tema e modificar algumas linhas de código, poderá fazer com que essas caixas correspondam ao seu esquema de cores preferido.
Economizar tempo criando suas próprias paletas de cores para usar no Personalizador significa nunca mais ter que procurar o código hexadecimal. Em vez disso, a paleta de cores que você está procurando está listada logo abaixo do seletor de paleta do Personalizador.
Você pode manter a uniformidade na aparência do seu site usando predefinições de cores. Se o seu site tiver vários autores, esse é um recurso muito útil. Diminui a possibilidade de os consumidores escolherem a cor incorreta.
Links Rápidos:
- Como remover um título de página do WordPress?
- Como criar uma paleta de cores para o seu site WordPress?
- Como criar uma página de modo de manutenção no WordPress?
- Como criar uma página de erro 404 personalizada no WordPress?
Conclusão: Como adicionar predefinições de cores ao personalizador do WordPress?
As cores da sua marca provavelmente serão usadas nas páginas e artigos do seu site WordPress. Adicioná-los manualmente ao seu conteúdo leva tempo. Em vez disso, você pode gerar predefinições de cores.
Você tem alguma dúvida sobre as predefinições de cores do WordPress Customizer? Deixe-nos saber nos comentários!
![Como gerenciar a comunicação com o cliente de forma eficaz 2024? [5 dicas importantes]](https://megablogging.org/wp-content/uploads/2022/11/Client-Communication-Management-211x150.png)
![Como criar uma página de captura de leads no WordPress 2024? [Guia passo a passo]](https://megablogging.org/wp-content/uploads/2022/11/How-to-Create-a-Lead-Capture-Landing-Page-in-WordPress-211x150.png)
