Como Alterar a Cor do Texto no WordPress (Para Todos os Temas)

Quando começamos a usar o WordPress, assumimos que mudar a cor do texto seria fácil. Mas rapidamente percebemos que isso pode variar dependendo do seu tema, configurações ou do editor que você está usando.

Depois de ajudar milhares de iniciantes a personalizar seus sites WordPress, sabemos que essa é uma frustração comum para muitos usuários.

A boa notícia é que existem várias maneiras simples de alterar a cor do texto no WordPress, independentemente do tema que você está usando.

Neste guia passo a passo, mostraremos os métodos mais fáceis para personalizar a cor do seu texto no WordPress.

Por que Alterar a Cor do Texto no WordPress?

Alterar a cor do texto no WordPress permite destacar conteúdo importante, melhorar a legibilidade e combinar com a identidade visual do seu site.

Por exemplo, você pode destacar um call to action em uma página de destino ou usar sub-títulos coloridos no seu site.

Às vezes, você pode até querer alterar a cor do texto em todo o site. Por exemplo, talvez o seu tema WordPress use uma cor de fonte cinza, mas você prefira usar preto para um melhor contraste com a sua cor de fundo.

Você também pode usar cores para despertar uma emoção em seus visitantes. Por exemplo, muitas pessoas acham que o azul cria uma sensação de confiança e confiabilidade.

Para saber mais, consulte nosso guia sobre como escolher um esquema de cores perfeito para o seu site WordPress.

Dito isso, vamos ver como você pode alterar a cor do texto no WordPress.

Simplesmente use os links abaixo para pular para o método de sua preferência:

Método 1: Como Alterar a Cor do Texto no Editor de Blocos

Se você deseja alterar apenas algumas palavras, um parágrafo ou um título dentro de uma postagem, pode usar o editor de conteúdo do WordPress. Este método funciona se você usa um tema de blocos ou um tema clássico.

Para começar, abra a postagem ou página onde você deseja alterar a cor do texto ou crie uma nova página.

Se você ainda não o fez, digite o texto que deseja personalizar. Dependendo do texto, você pode precisar adicionar um Parágrafo, Título ou outro bloco que aceite texto. Para obter ajuda com isso, consulte nosso guia sobre como usar o editor de blocos do WordPress.

Assim que tiver algum texto, você estará pronto para alterar sua cor.

Alterando a Cor do Texto de um Bloco

Para este primeiro exemplo, vamos alterar a cor do texto de um bloco inteiro. Esta é uma boa maneira de destacar uma seção inteira de conteúdo, como um parágrafo completo.

Simplesmente clique no bloco e, em seguida, selecione a aba 'Bloco' no menu à direita.

Depois de fazer isso, encontre a seção 'Cor' e clique em 'Texto'.

O editor visual agora mostrará algumas cores que complementam seu tema do WordPress. Você pode simplesmente clicar em qualquer cor para alterar todo o texto dentro desse bloco.

Para usar uma cor diferente, basta clicar na caixa na parte superior do pop-up.

Isso abre um seletor onde você pode escolher uma nova cor de fonte.

Outra opção é digitar um código hexadecimal, que é o código HTML para uma cor específica. Isso é útil se você quiser usar uma cor muito específica, como o tom exato de vermelho do logotipo do seu site.

Se você não tem certeza de qual código hexadecimal usar, pode ser útil consultar um site como códigos de cores HTML. Lá, você pode explorar diferentes cores e obter seus códigos hexadecimais.

Depois de ter um código, cole-o ou digite-o na caixa 'Hex'.

Se você mudar de ideia e quiser restaurar a cor padrão do texto, basta clicar no botão pontilhado no menu do lado direito.

As opções que você vê variam dependendo se você também alterou a cor de fundo do bloco, portanto, pode ser necessário clicar em 'Texto' ou 'Redefinir tudo'.

Alterando a Cor do Texto de uma Palavra ou Frase

Às vezes, você pode querer alterar apenas a cor de uma palavra, frase ou sentença específica, como a chamada para ação em sua página de captura.

Para fazer isso, basta destacar a palavra ou frase que você deseja alterar no editor de blocos do WordPress. Em seguida, clique na pequena seta para baixo na barra de ferramentas do editor de conteúdo e clique em 'Realçar'.

Isso abre um pop-up mostrando algumas cores que ficarão bem com o seu tema atual.

Você também pode escolher uma cor manualmente ou até mesmo usar um código hexadecimal seguindo o mesmo processo descrito acima.

Dica Profissional: Quer mudar a cor dos seus links? Confira nosso guia para iniciantes sobre como mudar a cor do link no WordPress.

Método 2: Como Mudar a Cor do Texto no Personalizador de Temas (Apenas Temas Clássicos)

A cor pode chamar a atenção para o conteúdo mais importante de uma página, mas muitas cores diferentes podem ser avassaladoras. Com isso em mente, você normalmente vai querer usar a mesma cor de texto na maior parte do seu site WordPress.

Mudar cada página e post manualmente usando o editor de blocos levaria muito tempo, então, em vez disso, recomendamos mudar o próprio tema usando o personalizador de temas.

Observação: Se o personalizador de temas estiver faltando, é mais provável que você esteja usando um tema de blocos e possa pular para o método 3.

Para começar, vá para Aparência » Personalizar.

Agora você precisa encontrar as configurações de texto do tema. Cada tema é diferente, mas você normalmente precisará procurar por uma opção de 'Tipografia'.

Em nossas imagens, estamos usando OceanWP.

Vá em frente e clique em 'Tipografia' ou em uma configuração semelhante. Neste ponto, você geralmente verá todos os diferentes tipos de texto usados no tema, como Título 1 e Título da Página.

Para alterar o texto dentro de suas postagens e páginas, clique na seção ‘Corpo’ ou similar.

Para personalizar a cor do texto, encontre a seção ‘Cor da Fonte’.

Em seguida, clique em ‘Selecionar Cor’.

Isso abrirá o seletor. Você pode usar uma das cores prontas, escolher uma nova cor usando as configurações ou digitar um código hexadecimal.

Se você quiser restaurar a cor padrão do tema a qualquer momento, basta clicar em ‘Padrão’.

Você também pode usar essas configurações para alterar o tamanho da fonte, estilo, espaçamento entre letras e muito mais.

Quando estiver satisfeito com a aparência do texto, clique no botão ‘Publicar’ na parte superior da tela.

Método 3: Como Alterar a Cor do Texto no Editor de Site Completo (Somente Temas de Blocos)

Se você estiver usando um tema baseado em blocos como o ThemeIsle Hestia Pro ou o Twenty Twenty-Three, o processo de alteração da cor do texto do tema é um pouco diferente.

Para personalizar o texto usando o Editor de Site Completo, vá para Temas » Editor.

Agora, você verá vários menus para personalizar a aparência do seu site.

Aqui, você desejará selecionar 'Estilos'. Esta seção define as cores globais, a tipografia e o layout do seu site.

Na próxima tela, você verá algumas combinações de estilos para escolher. Se você quiser mudar completamente a aparência do seu tema de blocos, basta escolher uma das opções disponíveis.

Mas para fins de demonstração, prosseguiremos e clicaremos no botão de lápis 'Editar estilos'.

Você chegará ao Editor de Site Completo, e a aba Estilos estará aberta.

Vamos clicar em 'Cores'.

A barra lateral mostrará alguns elementos cujas configurações de cor você pode alterar, como texto, links, legendas, botões e títulos.

Cada um terá configurações de cor diferentes, portanto, certifique-se de explorá-los para ver o que eles podem fazer.

Vamos usar um exemplo clicando em 'Título'.

Para alterar a cor do título, você pode selecionar uma das cores predefinidas do tema ou usar uma personalizada clicando no seletor de cores.

Assim que estiver satisfeito com a aparência das cores do seu texto, basta clicar no botão 'Salvar'. Todas as alterações que você fizer serão aplicadas em todas as suas páginas e posts.

Para mais informações, confira nosso guia para iniciantes sobre Edição Completa do Site no WordPress.

Método 4: Como Alterar a Cor do Texto com Código CSS (Mais Personalizável)

Se você deseja mais controle sobre as cores de texto do seu site ou precisa alterar um elemento que não está disponível nas configurações do seu tema, adicionar código CSS personalizado é uma excelente solução.

Este método poderoso é altamente personalizável e permite que você selecione tipos de texto específicos, como títulos ou parágrafos, em todo o seu site.

A boa notícia é que você pode personalizar o texto em todo o site adicionando CSS personalizado. Melhor ainda, este método permite definir cores diferentes para tipos específicos de texto, como Título 1 (h1) ou texto de parágrafo (p).

Como a edição e personalização de temas do WordPress podem variar de tema para tema, recomendamos o uso do WPCode para adicionar CSS personalizado ao seu site.

O WPCode é o melhor plugin de snippets de código usado por mais de 1 milhão de sites WordPress. Ele facilita a adição de CSS personalizado, PHP, HTML e muito mais sem precisar editar nenhum arquivo principal do WordPress.

A primeira coisa que você precisa fazer é instalar e ativar o plugin gratuito WPCode. Para mais detalhes, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após a ativação, vá para Snippets de Código » Adicionar Snippet.

Aqui, você verá todos os snippets WPCode prontos que você pode adicionar ao seu site.

Simplesmente passe o mouse sobre ‘Adicionar seu código personalizado’ e, em seguida, selecione ‘Usar snippet’ quando ele aparecer.

Para começar, digite um título para o snippet de código personalizado. Pode ser qualquer coisa que ajude você a identificar o snippet no painel do WordPress.

Depois disso, abra o menu suspenso ‘Tipo de código’ e selecione ‘Snippet de CSS’.

Em seguida, você pode adicionar o CSS personalizado ao pequeno editor de código. Você precisará digitar o seletor para o tipo de texto que está personalizando, seguido pelo código hexadecimal da cor que deseja usar.

Por exemplo, você pode alterar a cor do texto do parágrafo adicionando o seguinte:

p { color:#990000; }

Se você quiser usar uma cor diferente para os títulos do seu site, precisará usar os seletores h1, h2, h3 ou similares.

Você pode ver isso na imagem abaixo.

Se você não tiver certeza de qual código hexadecimal usar, poderá usar um site como Códigos de cores HTML.

Quando estiver satisfeito com o snippet, role até a seção ‘Inserção’. O WPCode pode adicionar o CSS a diferentes locais, como após cada postagem, apenas no frontend ou apenas no administrador.

Para alterar o texto em todo o seu blog WordPress, clique em ‘Inserir Automaticamente’ se ainda não estiver selecionado. Em seguida, abra o menu suspenso ‘Localização’ e escolha ‘Cabeçalho do Site Inteiro’.

Depois de fazer isso, role até o topo da tela e clique no alternador ‘Inativo’ para que ele mude para ‘Ativo’.

Finalmente, clique em 'Salvar Snippet' para tornar o snippet CSS ativo.

Agora, se você visitar seu site, verá o texto personalizado ao vivo.

Se você quiser usar uma cor de texto diferente a qualquer momento ou apenas adicionar mais CSS a esse trecho, basta ir em Trechos de Código » Trechos de Código. Aqui, passe o mouse sobre o trecho que você acabou de criar e clique em ‘Editar’ quando ele aparecer.

Agora você pode editar o trecho de código para usar a nova cor e, em seguida, clicar em ‘Salvar Trecho’ para que a alteração seja exibida em seu site.

Além da cor do texto, você também pode usar o WPCode para alterar a cor padrão ao selecionar texto ou habilitar destaques de texto no conteúdo de páginas e posts.

Método 5: Como Alterar a Cor do Texto em um Construtor de Páginas

Muitas vezes, você vai querer que suas landing pages tenham um visual diferente do resto do seu site. Isso as faz se destacar, o que pode gerar mais conversões.

Isso é especialmente importante se você tiver várias páginas de destino, como uma para uma lista de espera viral e outra para uma campanha de anúncios do Google. Cada uma dessas páginas pode precisar de seu próprio design e esquema de cores exclusivos para segmentar efetivamente diferentes públicos ou canais de marketing.

Se você deseja criar uma página de destino ou de vendas, recomendamos o uso do SeedProd. De todos os construtores de páginas que experimentamos, ele é o melhor do mercado e possui um construtor de páginas de arrastar e soltar fácil de usar.

O SeedProd vem com mais de 90 blocos que você pode simplesmente arrastar e soltar em seu layout. Você pode então ajustar esses blocos de várias maneiras diferentes, incluindo a alteração da cor do texto.

Se você estiver usando uma página personalizada para obter mais conversões, o SeedProd funciona com muitas ferramentas populares de terceiros que você já pode estar usando para gerenciar conversões.

Isso inclui os principais serviços de marketing por e-mail, o WooCommerce, o Google Analytics, e mais.

Primeiro, você precisa instalar e ativar o SeedProd. Para mais detalhes, consulte nosso guia passo a passo sobre como instalar um plugin do WordPress.

Após ativar o plugin, o SeedProd solicitará sua chave de licença.

Você pode encontrar essas informações em sua conta no site do SeedProd. Após inserir a chave de licença, clique no botão ‘Verificar Chave’.

Em seguida, você precisa visitar SeedProd » Páginas e clicar no botão ‘Adicionar Nova Página de Destino’.

Depois disso, é hora de escolher um modelo. O SeedProd tem mais de 300 modelos projetados profissionalmente que você pode personalizar com suas próprias imagens, textos, cores e muito mais.

Para selecionar um modelo, basta passar o mouse sobre ele e clicar no ícone de ‘Checkmark’.

Estamos usando o modelo ‘Juicy Sales Page’ em todas as nossas imagens, mas você pode usar qualquer design.

Em seguida, digite um nome para a página personalizada. O SeedProd criará automaticamente um URL com base no título da página, mas você pode alterar esse URL para o que quiser.

Quando estiver satisfeito com as informações inseridas, clique no botão ‘Salvar e Começar a Editar a Página’.

Em seguida, você será levado ao construtor de páginas de arrastar e soltar do SeedProd, onde poderá personalizar seu modelo.

O editor do SeedProd mostra uma prévia ao vivo do seu design à direita e algumas configurações de blocos à esquerda.

O menu do lado esquerdo também tem blocos que você pode arrastar para o seu layout.

Por exemplo, você pode arrastar e soltar blocos padrão como botões e imagens ou usar blocos avançados como contadores regressivos, depoimentos rotativos, botões de compartilhamento social e muito mais.

O SeedProd também vem com ‘Seções’, que são coleções de blocos frequentemente usados juntos. Por exemplo, o SeedProd tem cabeçalho, imagem de destaque, chamada para ação, depoimentos, formulário de contato, FAQs, recursos, seções de rodapé e mais. Isso pode ajudá-lo a criar uma página com design profissional, rapidamente.

Para navegar pelas diferentes seções, basta clicar na aba ‘Seções’. Para pré-visualizar qualquer seção, passe o mouse sobre ela e clique no ícone de lupa.

Para adicionar a seção ao seu design, basta clicar em ‘Escolher Esta Seção’.

Isso adicionará a seção ao final da sua página.

Você pode mover seções e blocos pelo seu layout usando arrastar e soltar.

Para personalizar um bloco, basta clicar para selecioná-lo no seu layout. O menu à esquerda agora mostrará todas as configurações que você pode usar para configurar esse bloco.

Para alterar a cor do texto, basta clicar em qualquer bloco que contenha texto.

No menu à esquerda, selecione a aba ‘Avançado’. Em ‘Estilos’, clique em ‘Cor’.

Isso abrirá um pop-up onde você pode escolher uma nova cor de texto.

Outra opção é digitar um código hexadecimal no campo ‘Hex’.

Agora você pode alterar a cor do texto de qualquer outro bloco simplesmente seguindo o mesmo processo descrito acima.

Quando estiver satisfeito com a aparência da página, é hora de publicá-la clicando no botão ‘Salvar’. Em seguida, escolha ‘Publicar’.

Se você visitar sua loja online, blog ou site, verá a nova página em ação, completa com suas cores de texto personalizadas.

Perguntas Frequentes Sobre Como Alterar a Cor do Texto

Aqui estão algumas perguntas que nossos leitores fizeram sobre como alterar a cor do texto no WordPress:

Qual é a maneira mais fácil de alterar a cor do texto de um site inteiro?

A melhor maneira é usar as configurações integradas do seu tema. Para temas clássicos, você pode encontrá-las no Personalizador do WordPress em Aparência » Personalizar, geralmente em uma aba ‘Tipografia’ ou ‘Cores’.

Para temas de blocos modernos, você pode definir cores globais acessando Temas » Editor e clicando no ícone ‘Estilos’. Isso garante uma aparência consistente em todas as suas páginas.

Por que não consigo alterar a cor do meu texto no WordPress?

Esse problema geralmente acontece quando a folha de estilo do seu tema (CSS) substitui as configurações que você escolhe no editor. O código do tema pode ter uma regra mais específica para a cor do texto. Nesses casos, adicionar seu próprio CSS personalizado (como mostrado no Método 4) é a maneira mais confiável de forçar a alteração de cor desejada.

Qual é a melhor prática para cor de texto e acessibilidade?

Para acessibilidade, é muito importante garantir um alto contraste entre o seu texto e a cor de fundo. Isso torna seu conteúdo legível para visitantes com deficiências visuais. Recomendamos o uso de uma ferramenta online como o Verificador de Contraste WebAIM para garantir que suas combinações de cores atendam aos padrões de acessibilidade.

Esperamos que este tutorial tenha ajudado você a aprender como mudar a cor do texto no WordPress. Você também pode querer conferir nosso tutorial sobre como adicionar um redimensionador de fonte no WordPress e formas de criar um site WordPress amigável para celular.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.