Como mudar a cor de fundo no WordPress

Publicados: 2021-08-09

Uma das primeiras coisas que os visitantes do site notam é o seu plano de fundo. Às vezes, é apenas uma cor simples, mas também pode ser uma imagem ou qualquer outra combinação de materiais visuais. Juntamente com a primeira impressão, é um dos elementos essenciais do design de qualidade. Para o bem ou para o mal, refletirá sua marca, estilo, legibilidade e até mesmo o próprio profissionalismo. É por isso que decidir sobre a cor de fundo no WordPress é, geralmente, uma das primeiras escolhas de design . O problema é que com tantos temas por aí, surgem muitas opções de personalização diferentes. Alguns permitem que você altere tudo no local, enquanto outros oferecem opções escassas e limitadas.

Algumas maneiras de alterar a cor de fundo no WordPress

Como você provavelmente supõe, tudo pode ser feito com um pouco de conhecimento de codificação. No entanto, nem todo mundo que trabalha com o WordPress está programando profissionalmente. A maioria dos usuários comuns precisa de soluções amigáveis ​​para iniciantes para personalizar suas páginas . Entre estes, alterar a cor de fundo no WordPress é um dos problemas comuns. Claro, você sempre pode contar com a assistência profissional de cuidados com o site WordPress para ajudá-lo a construir quaisquer elementos e completar o design do seu site. Mas, se isso não for uma opção para você, você pode tentar diferentes abordagens para personalizar seu site.

Usando uma imagem de paisagem como plano de fundo do site, capa de revista e panfletos.
Experimente diferentes abordagens ao tentar personalizar seu site.

No entanto, nem sempre é tão simples. A primeira decisão que você deve tomar é o tipo de plano de fundo que deseja . Existem algumas opções populares que você pode escolher e até combinar:

  • Você pode escolher uma cor simples ou qualquer combinação de cores
  • Combine uma ou mais cores em gradientes
  • Coloque a(s) imagem(ns) como plano de fundo
  • Use vídeos em vez disso

Depois de decidir se deseja simplesmente alterar a cor do plano de fundo no WordPress ou usar opções mais complexas, é hora de descobrir alguns métodos para aplicar a personalização :

  1. Se o seu tema suporta os fundos personalizados
  2. Você pode tentar usar um código simples
  3. Alterar a cor de fundo no WordPress com plugins
  4. Use ferramentas avançadas para personalizar tudo

1. Se o seu tema for compatível com os planos de fundo personalizados

Na maioria dos casos, você pode verificar facilmente quais opções seu tema suporta acessando Aparência > Personalizar. Lá, você poderá ver quais opções de personalização são permitidas. Às vezes, você terá a opção de escolher Cor, Imagem de fundo, Cores e modo escuro, Cor e fundo, etc. Depende muito do tema. Se for compatível, você pode simplesmente selecionar a oferta desejada e fazer mais personalizações.

Depois de encontrar uma opção adequada para alterar a cor de fundo, basta clicar e explorar uma interface bastante intuitiva. Normalmente, você terá algumas opções de cores padrão para escolher. Mas, sempre há a opção “Escolher a paleta” por perto. Ou você pode simplesmente digitar o código hexadecimal de qualquer cor.

Uma paleta de cores circular mais complexa.
Diferentes ferramentas podem permitir que você escolha o código de cor hexadecimal correto.

Além das cores, alguns temas oferecem a opção de colocar imagens e outros visuais. A partir daqui, você será solicitado a carregar a imagem de fundo em sua biblioteca de mídia e selecioná-la diretamente. Além disso, você pode configurar sua posição, repetição, cor subjacente ou sobreposta e muito mais.

2. Você pode tentar usar um código simples

Se você estiver um pouco familiarizado com CSS, poderá fazer personalizações simples adicionando código personalizado. Não é nada muito avançado, principalmente para definir a cor de fundo. Basta acessar Aparência > Personalizar, selecionar “CSS Adicional” e inserir a próxima linha de código:

.body { background-color: #fff; }

Aqui, o “#fff” pode ser qualquer código hexadecimal para cores de sua escolha. De um modo geral, você pode encontrar facilmente o código de cores usando qualquer uma das ferramentas de seleção de cores. No entanto, isso pode não ser funcional ou permitido em todos os temas.

3. Altere a cor de fundo no WordPress com plugins

SiteOrigin CSS

Se outras opções não estiverem dando os resultados, você sempre pode usar plugins para fazer o trabalho. Os plugins do WordPress, como o SiteOrigin CSS, são ferramentas poderosas que podem devolver o controle sobre a personalização. Este plugin, especificamente, permite editar facilmente a cor do plano de fundo e verificar como fica, em tempo real . Que é, essencialmente, o que a maioria dos iniciantes precisa. Se você é um usuário avançado, vai gostar do recurso de preenchimento automático ao ajustar o código CSS. Além disso, seu “Inspetor” pode ajudá-lo a encontrar qualquer seletor que você precise em pouco tempo.

A melhor parte, SiteOrigin CSS é um plugin gratuito que funciona com qualquer tema.

AWB – Fundos avançados do WordPress

Quando você precisa mais do que apenas alterar a cor do plano de fundo, o AWB é um plug-in simples, mas eficaz, que adiciona um pouco de vantagem ao layout do seu site . Além da opção clássica, o AWB permite usar soluções em segundo plano mais complexas, como:

  • Fundos de paralaxe
  • Paralaxe do mouse
  • Padrões
  • Vários formatos de imagem
  • Sobreposição de cores com transparência
  • Todos os tipos de formatos de vídeo diferentes, tanto auto-hospedados quanto de fontes online

Além disso, você pode usar seu criador visual de shortcode para facilitar o processo. E, se você preferir alguns dos populares construtores WP ou Gutenberg, funciona perfeitamente bem com eles.

4. Use ferramentas avançadas para personalizar tudo

Um efeito abstrato de fundo ao vivo em um laptop, tablet e smartphone.
Altere o apelo visual do seu site personalizando tudo, desde o plano de fundo até outros elementos.

Quando nenhuma das opções acima é suficiente e você precisa de uma solução mais “robusta” , existe um plugin bastante avançado chamado CSS Hero. É mais um sistema de personalização completo que demonstra a eficácia da interface WYSIWYG . Que, basicamente, significa o princípio “O que você vê é o que você obtém” . CSS Hero é um plugin que está funcionando imediatamente, oferecendo compatibilidade com a maioria dos temas e outros plugins. Na prática, você pode simplesmente clicar em qualquer elemento e alterar seus atributos como cores, planos de fundo, fontes e muito mais, sem problemas. Cada alteração que você faz é imediatamente visível graças à visualização ao vivo.

Apesar de sua funcionalidade, ser o plugin leve é ​​a melhor característica do CSS Hero. Além disso, qualquer alteração que você fizer não está modificando os arquivos do tema. Você pode desinstalá-lo facilmente, depois que seu trabalho estiver concluído, sem o risco de quebrar seu site. A única desvantagem é que é um plugin premium que requer uma assinatura paga.

Conclusão

Quando você deseja alterar a cor de fundo no WordPress, às vezes não é simples o suficiente . Embora, ocasionalmente, seja possível usar as opções de personalização padrão do WordPress, nem sempre é assim. Em alguns casos, ter algum conhecimento de codificação pode ajudá-lo a encontrar uma solução rápida. Mas, como é um dos melhores recursos do WordPress, os plugins podem ajudá-lo a completar quase tudo.