Como alterar a cor do texto em postagens ou páginas em 2024

Publicados: 2024-04-29

Para tornar um site atraente, o texto desempenha um papel significativo. O texto pode alterar a aparência do site.

Quando falamos de texto, não nos referimos apenas ao texto, mas também à sua cor e estilo. Embora existam várias personalizações disponíveis que podem ser feitas para melhorar a aparência do texto.

Neste blog, veremos alguns métodos para alterar a cor do texto em posts ou páginas.

Vamos começar,

Índice

Alternar

Como alterar a cor do texto em postagens ou páginas

Alterar a cor do texto no tema clássico

Os temas clássicos não estão sendo usados ​​​​hoje em dia, mas os usuários antigos ainda usam temas clássicos e este método é para eles.

Aqui usaremos o tema Shop Mania Pro. É um tema de comércio eletrônico super rápido, perfeito para qualquer tipo de loja online.

Vamos começar,

Abra seu painel

Dashboard

Abra primeiro o painel do seu site WordPress.

Etapa 1) Vá para Postagens e abra uma postagem

Classic Post

Passe o cursor sobre Postagens e clique em Todas as Postagens. Isso abrirá todas as páginas do seu site.

Etapa 2) Destaque o texto> Clique na seta> Clique em Destacar

Classic Highlight

Se você deseja alterar a cor de uma palavra ou frase específica, isso é adotado.

Destaque o texto cuja cor deseja alterar. Em seguida, clique na seta suspensa apontada para baixo. Na etapa final, clique em destacar e escolha a cor.

Etapa 3) Clique em Bloco e depois em Cores

Classic Block color 1

Para colorir o parágrafo completo, abra Estilos e clique no texto na seção de cores.

Etapa 4) Escolha qualquer cor

Classic Block Color Full

Escolha a cor desejada na caixa.

Altere a cor do texto com CSS

Este pode ser um método fácil se compreendido corretamente. No entanto, este método deve ser executado com cuidado para que não ocorra um erro não intencional.

Aqui estamos usando o tema Shop Mania.

vamos entender cada passo.

Etapa 1) Inspecione o texto cuja cor deseja alterar

CSS Inspect

Primeiro, inspecione o bloco de texto para copiar o CSS. Precisaremos do CSS mais tarde.

CSS HTML CSS

A parte superior exibida na caixa Inspecionar é HTML e a parte inferior é CSS.

Passo 2) Copie o CSS do texto

CSS Copy

Copie a parte destacada como eu fiz.

Etapa 3) Clique em Personalizar

CSS Customize

Agora feche a caixa Inspecionar e clique em Personalizar.

Etapa 4) Vá para CSS adicional

CSS Additional css

Clique no CSS adicional. Isso abrirá uma caixa para escrever o CSS.

Etapa 5) Cole o CSS

CSS important 2

Cole o CSS na caixa conforme mostrado na figura 1.
Agora escreva a cor CSS: azul;
Mas pode não ser publicado porque já existe um CSS escrito, então precisamos escrevê-lo.
cor azul! importante:

Não se esqueça de colocar um colchete '}' no final.

Onde escrevi o nome da cor, você pode usar o código hexadecimal da respectiva cor.

Você pode ver a mudança

CSS Difference 1

Você pode ver que a cor do bloco mudou para azul.

Alterar a cor do texto no tema do bloco

Neste método, usaremos o tema Vayu X. Vayu X é um tema de bloco e tem o calibre para criar um site impressionante de qualquer categoria. Isso significa que você pode construir qualquer tipo de site usando este tema.

Vamos ver os passos,

Etapa 1) Vá para Aparência e clique em Editor

Block Editor

Após abrir o painel do seu site WordPress, vá em Aparência e clique em Editor.

Etapa 2) Clique em Estilos> Clique no ícone da caneta

Block Styles

Clique nos estilos conforme queremos fazer alterações nos estilos. Na próxima tela clique no ícone Caneta.

Block Homepage

Isso abrirá o site para edição.

Etapa 3) Clique em Cores

Block Colors

Clique nas cores na barra lateral direita. Você verá diferentes seções para colorir.

Etapa 4) Alterar a cor do texto

Block Heading

Escolha a seção que deseja colorir. Aqui eu colori o texto do Título.

Altere a cor do texto com o plugin Vayu Blocks

Vayu Blocks é um WordPress usado para construir um site usando blocos. Oferece grande ajuda ao mesmo tempo que melhora a aparência do site, pois oferece muitas opções de personalização.

Vamos começar,

Etapa 1) Clique em Adicionar novo plug-in

Vayu add new plugin

Primeiro precisamos instalar os blocos Vayu. Então navegue até Plugins e clique em Adicionar Novo Plugin.

Etapa 2) Vá para a caixa de pesquisa e pesquise Blocos Vayu

Vayu Search

Agora vá para a caixa de pesquisa e pesquise Vayu Blocks.

Etapa 3) Instale e ative o plugin

Vayu Install Activate

Quando o bloco Vayu for mostrado, clique no botão Instalar agora e ative-o após a instalação.

Etapa 4) Crie um bloco usando blocos Vayu

Vayu Heading

Como vamos usar Vayu Blocks, faça um bloco usando Vayu Blocks. Aqui usei o Título dos Blocos Vayu.

Etapa 5) Altere a cor do texto na barra lateral dos blocos Vayu

Vayu Color

Vá para a barra lateral para alterar a cor do texto. Clique na cor e escolha sua cor preferida para o texto.

É assim que você pode alterar a cor do texto usando Vayu Blocks.

Altere a cor do texto usando um construtor de páginas

Podemos alterar a cor do texto usando um Construtor de Páginas se o site for composto pelo mesmo.

Aqui, usaremos Elementor para alterar a cor do texto.

Etapa 1) Vá para as páginas

Elementor Pages

Vá para as páginas. Isso abrirá todas as páginas que você possui.

Etapa 2) Clique em Editar com Elementor

Elementor Edit with Elementor

Clique em Editar com Elementor. Isso o levará à página do Elementor Builder.

Etapa 2) Selecione o texto e clique em Estilos

Elementor Styles

Nesta página, você pode fazer várias alterações usando Elementor. Temos que mudar a cor do texto então clique no estilo, que você encontrará no canto superior esquerdo.

Etapa 3) Clique em Colorbox

Elementor Color

Clique na caixa de cores que aparece na cor do texto.
A cor do texto foi alterada conforme escolhemos.

Perguntas frequentes

P. Por que devo usar blocos Vayu?

Resp. Vayu Blocks é um plugin para WordPress e está disponível gratuitamente. Ele oferece várias opções de personalização para editar os blocos. Os blocos incluem Título, Botão, Contêiner, Produtos e Espaçador.

P. Quais são os benefícios de alterar a cor do texto?

Resp. Alterar a cor do texto pode melhorar a aparência geral do site. Também é usado para diferenciar as seções umas das outras.

Conclusão

Então, vimos alguns métodos para alterar a cor do texto. Fizemos isso no tema Classic e no tema Block e usando CSS, Elementor e Vayu Blocks.

Você pode usar qualquer um dos métodos mencionados acima conforme sua conveniência.

Espero que este blog ajude você. Ainda assim, se você tiver alguma dúvida ou sugestão, deixe-me saber na seção de comentários.
Você pode se inscrever em nosso canal no YouTube , também carregamos ótimos conteúdos lá, siga-nos também no Facebook e no Twitter .

Ver mais

  • Como criar um código de cupom no Woocommerce?
  • Como redirecionar URL antigo para novo URL no WordPress [Guia para iniciantes]
  • Como criar uma página de contato no WordPress?
  • Como configurar pagamentos WooCommerce no WordPress? Guia do iniciante

Tags: páginas, postagens, cor do texto, WordPress