Como mudar a cor de fundo no WordPress
Publicados: 2021-08-09Uma 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.

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 :
- Se o seu tema suporta os fundos personalizados
- Você pode tentar usar um código simples
- Alterar a cor de fundo no WordPress com plugins
- 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.

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

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.