Como alterar a cor da fonte no WordPress (guia rápido)

Um site WordPress recém-criado tem cores de fonte padrão que podem não ser atraentes ou úteis para esse site. Por exemplo, se o usuário destacar o texto em sua página, a cor padrão do texto será azul, o que não funciona com alguns sites.

Este artigo criado por nossa equipe em WpDataTables mostrará como alterar a cor da fonte no WordPress usando CSS. Um dos primeiros aspectos a considerar com um novo site é qual tema escolher. Geralmente, alguns dos temas padrão se encaixam no design geral do seu site, portanto, alguns ajustes são necessários.

Um desses ajustes é a cor do texto. No entanto, alguns dos temas não oferecem a oportunidade de alterá-lo. O WordPress Theme Customizer pode ser usado se o tema oferecer essa opção, caso contrário, use o editor clássico ou CSS.

A maneira mais confiável de alterar a cor da fonte no WordPress é usando código, no entanto, isso pode ser intimidante para quem não está familiarizado com codificação.

A lista abaixo contém várias opções.

Observação: isso funciona apenas para blogs do WordPress.org; se você usa o WordPress.com, o processo pode ser um pouco diferente, embora possa funcionar. Para usar todo o poder do WordPress, considere mudar do WordPress.com para o WordPress.org.

Método nº 1: Alterar a cor da fonte no WordPress com o personalizador de temas

Em primeiro lugar, verifique se o seu tema suporta a alteração da cor da fonte seguindo estas etapas.

• Primeiro, vá para Aparência > Personalização no painel do WordPress, conforme mostrado aqui.
• Aqui, cada tema do WordPress exibirá as várias opções de personalização; escolha um que ofereça a paleta de cores para as fontes. Nota: se você não deseja alterar o tema, e o atual não oferece essa alteração, você deve usar outros métodos.
• Em seguida, vá para Aparência > Personalizar > Cores. Na próxima página, várias opções estão disponíveis dependendo do seu tema.
• Se o seu tema não oferecer opções de personalização, considere usar outros métodos.

Método nº 2: Alterar a cor da fonte no WordPress com o editor clássico

O editor clássico não permite alterar facilmente a cor da fonte no WordPress porque os desenvolvedores decidiram ocultar essa opção para alterá-la. No entanto, é possível, e aqui está como.

• Vá para o painel, encontre a postagem que deseja editar.
• Para ver a cor do texto, clique no botão “Toolbar Toggle", localizado logo abaixo dos botões “Add Media” e “Add Contact Form”.
• Algumas opções extras devem aparecer agora, uma das quais é a opção “Cor do texto” na caixa suspensa.
• Ao clicar na seta para baixo, deve haver várias opções de personalização para o texto da fonte, normalmente disponíveis em outras ferramentas de personalização. Se você não gostar das opções de cores (existem 39 delas), você pode usar cores de fonte personalizadas. Se você pressionar o botão “X” no canto inferior direito, ele mudará a cor para “sem cor”, o que ajustará automaticamente a cor do texto.

• Desde que você conheça o código hexadecimal da cor desejada, você pode usá-lo para alterar a cor.
• Se você quiser fazer isso sem o código, você pode clicar no botão “Personalizado” na parte inferior do menu “Cor do texto”.

• Em seguida, você deverá ver uma caixa quadrada no canto superior direito, variando de vermelho a preto. Há também um retângulo de arco-íris à direita, onde você pode escolher sua cor preferida.
• Para alterar a cor visualmente, clique em qualquer lugar nesta caixa de arco-íris; você também pode alterar a sombra arrastando nesta caixa. A cor da caixa preta deve mudar para a cor personalizada que você está criando. Na parte superior, você verá a visualização do texto com a cor que você criou. Então, quando estiver pronto, um código automático será gerado na parte superior, o que é útil se você desejar combinar as outras cores posteriormente.
• Se você quiser os tons específicos de vermelho, verde e azul, insira os valores nas caixas RGB à direita. Você também pode inserir o código necessário para esta cor.
• Para salvar a cor personalizada, clique em Enter ou no botão Ok. Para cancelar, clique no x ou “cancelar” que sairá do menu sem alterar nada.

• Ao escolher a cor certa, clique no botão “Atualizar” para concluir.
• Para usar essa cor personalizada em projetos futuros, você precisa passar por esse processo novamente porque a cor personalizada não será salva. Se você quiser essa cor permanentemente, precisará atualizar o CSS do tema e adicionar a cor nele.

Método #3: Alterar a cor da fonte no WordPress globalmente com CSS

CSS é o método mais eficaz e confiável para alterar a cor do texto globalmente. Aqui está como fazê-lo.

• Vá para: Aparência > Personalizar > CSS Adicional. Adicione o código para que as alterações tenham efeito.

• Para alterar a cor da fonte dos títulos de 1 a 6, o código ficaria assim:

h1, h2, h3, h4, h5, h6 {

Observe que a alteração alterará apenas a cor da fonte dos títulos das páginas e postagens, não o título geral da postagem. Você precisará adicionar um código CSS mais específico para fazer essa alteração. Por exemplo, para alterar o título, digite este código:

.entry-title a {

Para alterar a cor do texto dos títulos das postagens, use este código:

h1.entry-title {

Se você quiser encontrar a cor específica da página atual no Firefox ou Chrome e usá-la, você pode encontrar o código usando a ferramenta de inspeção.

Esta tabela de cores ajudará você a encontrar o código hexadecimal específico para a cor desejada.

Considerações finais sobre como alterar a cor do texto no WordPress

Saber como alterar a cor do texto no WordPress é uma das coisas mais importantes para um web designer. Um designer muitas vezes pode passar horas procurando soluções adequadas para seus projetos e tentando otimizar sua escolha de cores e opções de design. O resultado será um site atraente que obterá cliques e usuários.

Quanto mais atenção aos detalhes, mais atraente o site, incluindo a cor da fonte. Ao mesmo tempo, o site deve funcionar bem e a experiência do usuário deve ser impecável, garantindo que o design e a funcionalidade estejam perfeitamente equilibrados.

Ei, você sabia que os dados também podem ser bonitos?

wpDataTables pode torná-lo assim. Há uma boa razão pela qual é o plugin nº 1 do WordPress para criar tabelas e gráficos responsivos.

Um exemplo real de wpDataTables em estado selvagem

E é muito fácil fazer algo assim:

1. Você fornece os dados da tabela
2. Configure e personalize
3. Publique-o em um post ou página

E não é apenas bonito, mas também prático. Você pode criar tabelas grandes com até milhões de linhas, ou pode usar filtros e pesquisas avançadas, ou pode enlouquecer e torná-las editáveis.

“Sim, mas eu gosto demais do Excel e não tem nada disso em sites”. Sim, existe. Você pode usar a formatação condicional como no Excel ou no Planilhas Google.

Eu te disse que você também pode criar gráficos com seus dados? E isso é apenas uma pequena parte. Existem muitos outros recursos para você.

Se você gostou de ler este artigo sobre como alterar a cor da fonte no WordPress, confira este artigo sobre como desativar comentários no WordPress.

Também escrevemos sobre alguns assuntos relacionados, como como proteger com senha o site WordPress, custo de manutenção do site, WordPress travado no modo de manutenção, WordPress multisite, cabeçalho do WordPress, login do painel do WordPress e slogan do WordPress .