Pular para o conteúdo

Como alterar a cor da fonte no WordPress (no seu blog) em 2024

Como alterar a cor da fonte no WordPress (no seu blog) em 2024


Hoje, estamos falando sobre como mudar a cor da fonte no WordPress (no seu blog).

Como um novo blogueiro que está apenas começando, pode ser um pouco confuso descobrir coisas como alterar a cor da fonte (ou o tamanho da fonte) para vários elementos de texto no seu blog WordPress.

A boa notícia é que, embora alterar a cor da fonte fosse algo que antes era menos intuitivo de descobrir sozinho, felizmente ficou muito mais fácil de fazer em 2024 com o quanto o WordPress progrediu nos últimos anos.

Na verdade, existem 3 maneiras diferentes de mudar cor da fonte no WordPress e mostrarei exatamente como fazer isso neste tutorial rápido.

Agora, vamos analisar as três maneiras e lugares para alterar a cor da fonte no WordPress, sem impactar negativamente suas práticas recomendadas de SEO ou sacrificar a legibilidade do conteúdo.

Como alterar a cor da fonte no WordPress (no seu blog) em 2024

  1. Alterando a cor da fonte em todo o site nas configurações do tema
  2. Usando o Editor Clássico (ou Gutenberg) para alterar a cor da fonte em postagens
  3. Ajustando a cor da fonte em páginas do WordPress com um construtor de páginas

Tudo bem, agora vamos falar sobre como alterar as cores das fontes no WordPress!

1. Alterando a cor da fonte em todo o site nas configurações do tema

Digamos que você queira alterar a cor da fonte de todo o site de preto azeviche para mais de um cinza escuro

Se você estiver usando um dos muitos melhores temas WordPress no mercado hoje, então controlar o layout visual do conteúdo do seu blog dessa forma pode ser feito em apenas alguns cliques nas configurações do seu tema.

Primeiro, você precisa verificar se o seu tema WordPress oferece a opção de alterar a cor da fonte em todo o site.

Navegar para: Aparência Opções de tema

Quando estiver nas opções de tema, procure por itens de menu que sugerem controlar o estilo visual do seu blog.

Palavras como “estilo” e “tipografia” são os melhores lugares para começar.

É aqui que as configurações de cor da fonte podem ser alteradas com apenas alguns cliques dentro do meu tema WordPress, Otimize a imprensa:

Como alterar a cor da fonte nas configurações do tema WordPress

Se seu objetivo é alterar a cor da fonte do texto de todo o site, fazer isso assim — diretamente nas opções do seu tema WordPress — é, sem dúvida, a melhor, mais segura e mais amigável maneira de fazer isso.

Se você tiver um bom tema, poderá alterar a cor da fonte de elementos específicos, como:

  • Cores dos links (regular, estado de foco, ativo, já clicado)
  • Cores dos botões (plano de fundo, estado de foco, cores padrão)
  • Cores do link do menu (normal, estado de foco, ativo)

Lembre-se apenas de que, ao alterar as cores de fonte de todo o site para elementos como este por meio das configurações do seu tema, você está fazendo uma alteração que será exibida imediatamente em todas as páginas e postagens onde esses elementos existem no seu blog. Portanto, você vai querer verificar novamente algumas páginas do seu site para garantir que sua alteração não causou problemas.

2. Usando o Editor Clássico (ou Gutenberg) para alterar a cor da fonte em postagens

Se você estiver trabalhando em uma postagem de blog individual no editor WordPress clássico (ou Gutenberg/Editor de blocos) e quiser alterar a cor da fonte de um elemento específico do texto, isso é muito fácil.

Aqui está um GIF (vídeo) rápido mostrando como alterar a cor da fonte no editor do WordPress:

Como alterar a cor da fonte no vídeo do WordPressComo alterar a cor da fonte no vídeo do WordPress

Como esse GIF é muito rápido para alguns, aqui está um detalhamento passo a passo do que acontece quando você deseja alterar a cor da fonte em suas postagens (em 2 etapas fáceis):

1. Use o cursor para destacar o texto cuja cor deseja alterar

Alterar a cor da fonte em postagens do WordPress (Editor)Alterar a cor da fonte em postagens do WordPress (Editor)

Depois que o texto for destacado, você navegará até o “Cor do texto” configuração no menu do seu editor.

2. Use a configuração “Cor do texto” para alterar as cores da fonte

Configurações de cor de fonte no editor do WordPressConfigurações de cor de fonte no editor do WordPress

Quando estiver aqui, basta selecionar a cor para a qual deseja alterar o texto destacado e… voilà!

Agora, se você quiser alterar a cor da fonte para uma cor mais personalizada ou exclusiva do que as 48 opções padrão no rápido “Cor do texto” menu suspenso, então isso também é possível.

Veja como: Você pode realmente alterar a cor da fonte do seu texto no editor do WordPress — para qualquer cor imaginável, desde que você tenha um código hexadecimal para ele ou você está disposto a selecioná-lo à mão livre. Basta clicar no “Personalizado…” opção perto do final do “Cor do texto” menu e você verá este painel aqui:

Ajustando a cor do texto com código hexadecimal para obter uma cor personalizadaAjustando a cor do texto com código hexadecimal para obter uma cor personalizada

De qualquer forma, você está pronto para clicar em publicar e definir a mudança de cor da fonte ao vivo 💪

3. Ajustando a cor da fonte em páginas do WordPress com um construtor de páginas

A última maneira que você pode alterar cor da fonte no WordPress está no nível da página individual… usando qualquer construtor de página visual que você tenha instalado (como Elementor ou Otimize a imprensa).

Veja como fica quando você navega até uma página do seu blog (no OptimizePress) onde deseja alterar a cor da fonte:

Usando um construtor de páginas para alterar a cor do texto na captura de tela do WordPressUsando um construtor de páginas para alterar a cor do texto na captura de tela do WordPress

Dependendo de como o seu construtor de páginas está estruturado, você provavelmente terá uma visão um pouco diferente do que vê aqui (acima) no meu Otimize a imprensa editor de páginas.

Veja como alterar a cor da fonte nas páginas usando o melhor livre construtor de páginas no mercado hoje, Elementor:

Construtor de páginas Elementor alterando a cor da fonte no WordPressConstrutor de páginas Elementor alterando a cor da fonte no WordPress

Como você pode ver, o processo é um pouco diferente… mas os mesmos princípios se aplicam amplamente à alteração da cor da fonte nas páginas, independentemente do construtor de páginas (ou tema) que você usa.

Finalizando: 3 maneiras de alterar a cor da fonte no WordPress

Felizmente, mudar a cor da fonte se tornou uma tarefa bem fácil no WordPress atualmente.

Quer você queira ajustar as configurações de cor da fonte em todo o site, ajustar as cores de algumas palavras específicas em seu Postagens editor ou use o construtor de páginas para ajustar a cor do título em uma tecla Página do seu blog — posso garantir que há uma maneira relativamente fácil de fazer isso.

Se não ficar imediatamente claro… talvez você só precise colocar seu chapéu de solucionador de problemas e começar a vasculhar, clicar em coisas e experimentar para encontrar suas configurações de cor de fonte.

Agora, se o tema WordPress que você está usando não vem com um ótimo construtor de páginas visuais como os dois que mencionei acima, então eu recomendo fortemente que você experimente a versão gratuita do Elementor aquipara que você possa criar as páginas do seu blog em um construtor de páginas visual super fácil de usar.

É tudo por hoje!

Você acabou de aprender como alterar a cor da fonte no WordPress 👏

Gostou do que viu? Inscreva-se para receber mais tutoriais e conselhos.

Quer receber mais tutoriais de blog diretamente na sua caixa de entrada?

Cadastre-se hoje e você se juntará a outros 122.843 blogueiros inteligentes que recebem meus melhores conselhos sobre blogs.

*” indica campos obrigatórios



Source link

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.

Damos valor à sua privacidade

Nós e os nossos parceiros armazenamos ou acedemos a informações dos dispositivos, tais como cookies, e processamos dados pessoais, tais como identificadores exclusivos e informações padrão enviadas pelos dispositivos, para as finalidades descritas abaixo. Poderá clicar para consentir o processamento por nossa parte e pela parte dos nossos parceiros para tais finalidades. Em alternativa, poderá clicar para recusar o consentimento, ou aceder a informações mais pormenorizadas e alterar as suas preferências antes de dar consentimento. As suas preferências serão aplicadas apenas a este website.

Cookies estritamente necessários

Estes cookies são necessários para que o website funcione e não podem ser desligados nos nossos sistemas. Normalmente, eles só são configurados em resposta a ações levadas a cabo por si e que correspondem a uma solicitação de serviços, tais como definir as suas preferências de privacidade, iniciar sessão ou preencher formulários. Pode configurar o seu navegador para bloquear ou alertá-lo(a) sobre esses cookies, mas algumas partes do website não funcionarão. Estes cookies não armazenam qualquer informação pessoal identificável.

Cookies de desempenho

Estes cookies permitem-nos contar visitas e fontes de tráfego, para que possamos medir e melhorar o desempenho do nosso website. Eles ajudam-nos a saber quais são as páginas mais e menos populares e a ver como os visitantes se movimentam pelo website. Todas as informações recolhidas por estes cookies são agregadas e, por conseguinte, anónimas. Se não permitir estes cookies, não saberemos quando visitou o nosso site.

Cookies de funcionalidade

Estes cookies permitem que o site forneça uma funcionalidade e personalização melhoradas. Podem ser estabelecidos por nós ou por fornecedores externos cujos serviços adicionámos às nossas páginas. Se não permitir estes cookies algumas destas funcionalidades, ou mesmo todas, podem não atuar corretamente.

Cookies de publicidade

Estes cookies podem ser estabelecidos através do nosso site pelos nossos parceiros de publicidade. Podem ser usados por essas empresas para construir um perfil sobre os seus interesses e mostrar-lhe anúncios relevantes em outros websites. Eles não armazenam diretamente informações pessoais, mas são baseados na identificação exclusiva do seu navegador e dispositivo de internet. Se não permitir estes cookies, terá menos publicidade direcionada.

Visite as nossas páginas de Políticas de privacidade e Termos e condições.

Importante: Este site faz uso de cookies que podem conter informações de rastreamento sobre os visitantes.
Criado por WP RGPD Pro