Como Alterar Facilmente o Tamanho da Fonte no WordPress

O tamanho da fonte desempenha um papel importante em tornar o conteúdo do seu site claro, legível e visualmente atraente.

Quer você esteja administrando um blog, uma loja de comércio eletrônico ou um site de negócios, saber como ajustar os tamanhos de fonte no WordPress permite personalizar seu design para combinar com sua marca e melhorar a experiência do usuário.

Na WPBeginner, escrevemos artigos no WordPress há mais de uma década. Durante esse tempo, sempre priorizamos tornar nosso conteúdo legível e acessível ao nosso público. Isso inclui selecionar um tamanho de fonte que seja fácil de ler, ao mesmo tempo em que mantém uma aparência limpa e visualmente atraente.

Neste artigo, mostraremos como alterar facilmente o tamanho da fonte em posts e temas do WordPress.

Por que mudar o tamanho da fonte no WordPress?

Ao alterar o tamanho da fonte em seu site WordPress, você pode melhorar a legibilidade do conteúdo e facilitar a navegação dos usuários.

Além disso, aumentar o tamanho da fonte pode ajudá-lo a destacar informações importantes em seu blog WordPress.

Por exemplo, se você estiver exibindo um produto afiliado em seu site, aumentar o tamanho da fonte pode ajudar a tornar o produto mais notável. Também pode tornar o conteúdo mais legível para espectadores que acessam seu site por meio de dispositivos móveis.

Dito isso, vamos ver como alterar facilmente o tamanho da fonte no WordPress.

Para este tutorial, discutiremos vários métodos, para que você possa usar os links abaixo para pular para o método de sua escolha:

• Método 1: Como alterar o tamanho da fonte usando títulos
• Método 2: Alterar o Tamanho da Fonte do Texto no Editor de Blocos
• Método 3: Alterar o Tamanho da Fonte Usando um Plugin
• Método 4: Alterar o Tamanho da Fonte em Todo o Site Usando o Editor Completo do Site
• Método 5: Alterar o Tamanho da Fonte em Todo o Site Usando WPCode
• Bônus: Alterar a Cor do Texto no WordPress
• Tutorial em Vídeo

Método 1: Como alterar o tamanho da fonte usando títulos

Se você está procurando uma maneira fácil de alterar o tamanho da fonte usando títulos, então este método é para você.

Usar títulos em seu conteúdo é uma ótima maneira de chamar a atenção do usuário com uma fonte de tamanho maior.

Na maioria dos temas do WordPress, os títulos têm uma fonte maior do que o texto normal do corpo, permitindo que você divida suas postagens e páginas em seções.

Os títulos também são ótimos para melhorar o SEO do site, pois os mecanismos de pesquisa dão aos títulos adequados mais peso do que ao texto normal de parágrafo.

Como Adicionar um Título no Editor de Blocos Padrão do WordPress

Primeiro, você precisa abrir uma nova postagem ou página no editor de blocos do WordPress.

Uma vez lá, clique no botão ‘Adicionar Bloco’ (+) no canto superior esquerdo da tela para abrir o menu de blocos.

A partir daqui, você deve encontrar e adicionar o bloco de Título à página/postagem.

Por padrão, o bloco será definido como Título 2.

Se você estiver adicionando um subtítulo, faz sentido manter a opção 'Título 2'.

No entanto, se você quiser alterar isso, pode simplesmente clicar no menu suspenso 'H2' para selecionar um tamanho diferente.

Alternativamente, você também pode alterar o tamanho do título usando as configurações do bloco na barra lateral direita da tela.

Você pode até personalizar a cor, aparência, caixa de letras e muito mais do título.

Quando terminar, não se esqueça de clicar no botão 'Atualizar' ou 'Publicar' para salvar suas configurações.

Como Adicionar um Título no Editor Clássico Antigo

Se você ainda estiver usando o editor clássico no WordPress, você pode adicionar títulos usando o menu suspenso Parágrafo.

Primeiro, selecione o texto que você deseja transformar em um título usando o mouse.

Em seguida, clique no menu suspenso ‘Parágrafo’ no canto superior esquerdo e selecione o tamanho do seu título. Você agora mudou com sucesso o tamanho da fonte para um título.

No entanto, lembre-se de que o editor clássico não permite que você altere os tamanhos e as cores das fontes dos diferentes estilos de Título.

Se você quiser fazer isso, precisará fazer alterações na folha de estilo do seu tema (style.css).

Finalmente, basta clicar no botão ‘Atualizar’ ou ‘Publicar’ para salvar suas alterações.

Método 2: Alterar o Tamanho da Fonte do Texto no Editor de Blocos

Se você quiser alterar o tamanho da fonte padrão do texto em seu bloco de Parágrafo, este método é para você.

Primeiro, você precisa abrir uma página/postagem existente no editor Gutenberg.

Uma vez lá, clique em qualquer bloco de Parágrafo e, em seguida, mude para a guia ‘Estilos’ no painel de blocos no lado direito da tela.

A partir daqui, você deve escolher um tamanho de fonte na seção ‘Tipografia’.

Você pode selecionar a opção Pequeno, Médio, Grande ou Extra Grande de acordo com suas necessidades.

Se você quiser retornar seu texto ao tamanho original, você também pode fazer isso clicando no menu de três pontos ao lado das configurações de Tipografia.

Isso abrirá um novo menu suspenso onde você terá que clicar na opção ‘Redefinir’.

Além disso, você também pode adicionar letras capitulares, capitalização de letras, espaçamento, aparência e muito mais usando o mesmo menu suspenso.

Depois disso, basta clicar no botão ‘Atualizar’ ou ‘Publicar’ para armazenar suas alterações.

Tenha em mente que essas opções não estão disponíveis no editor clássico mais antigo do WordPress. Se você quiser usá-las, considere fazer a transição.

Método 3: Alterar o Tamanho da Fonte Usando um Plugin

Se você quiser alterar o tamanho da fonte usando um plugin, então você pode usar este método.

Primeiro, você precisa instalar e ativar o plugin Advanced Editor Tools. Para instruções detalhadas, consulte nosso guia para iniciantes sobre como instalar um plugin do WordPress.

Após a ativação, o plugin oferece mais controle sobre tamanhos de fonte e formatação de texto, além de uma série de outros recursos. Ele adiciona um novo bloco 'Parágrafo Clássico' que possui todos os recursos de formatação de sua escolha.

Após a ativação, acesse a página Configurações » Advanced Editor Tools na barra lateral de administração do WordPress.

Uma vez lá, você pode facilmente arrastar e soltar recursos de formatação da seção 'Botões Não Utilizados' para o bloco 'Parágrafo Clássico'.

Esses recursos incluem tamanho da fonte, família da fonte, cópia, subscrito, emoticons, código fonte e muito mais.

Depois de fazer isso, role para baixo até a seção 'Opções' e marque a opção 'Tamanhos de Fonte' para acessar um número maior de tamanhos de fonte.

Depois disso, basta clicar no botão 'Salvar Alterações' para armazenar suas configurações.

Se você estiver usando o plugin com o editor Clássico, terá que mudar para a aba 'Editor Clássico' no topo da página.

Uma vez lá, você precisa tomar as mesmas ações que no editor de blocos.

Certifique-se de clicar no botão 'Salvar Alterações' após fazer suas modificações.

Agora, para ver o plugin em ação, você deve abrir uma página/postagem nova ou existente no painel do WordPress.

Uma vez lá, clique no botão ‘Adicionar Bloco’ (+) no canto superior esquerdo da tela para abrir o menu de blocos.

A partir daqui, encontre e adicione o bloco Parágrafo Clássico à página.

Agora você pode usar o menu suspenso ‘Tamanhos de Fonte’ para alterar o tamanho do texto no bloco ‘Parágrafo Clássico’.

Por fim, clique em ‘Atualizar’ ou ‘Publicar’ para salvar as configurações da sua postagem ou página.

Método 4: Alterar o Tamanho da Fonte em Todo o Site Usando o Editor Completo do Site

Se você estiver usando um tema de bloco, este método é para você. A maioria dos temas de bloco vem com um recurso de estilos globais integrado, que permite controlar os tamanhos da tipografia em todo o seu site sem nenhum código.

Para isso, visite a página Aparência » Editor no painel do WordPress e clique no ícone ‘Estilos’ no canto superior direito. Isso abrirá um novo painel, onde você deve selecionar a opção ‘Tipografia’.

Assim que novas configurações aparecerem na barra lateral, você poderá alterar facilmente o tipo de fonte para todo o seu site na seção ‘Fonte’.

Depois disso, role para baixo até a seção ‘Elementos’ e escolha a aba ‘Texto’.

Agora você pode alterar o tamanho, tipo e espaçamento da fonte para todo o texto em todo o seu site.

Quando terminar, você pode voltar à seção ‘Elementos’ para alterar o tamanho da fonte de todos os títulos, links, legendas e botões.

Se você ainda não estiver satisfeito, poderá alterar completamente os predefinições de tamanho de fonte para o seu site.

Essas predefinições definem tamanhos padrão para diferentes opções de texto, como pequeno, médio e grande. Por exemplo, quando você escolhe ‘pequeno’ como o tamanho da fonte em qualquer lugar do seu site, ele pode ser definido automaticamente como 0,9 rem.

No entanto, você pode personalizar a predefinição para que ‘pequeno’ signifique 1 rem em vez disso. Isso lhe dá a flexibilidade de ajustar os tamanhos das fontes de acordo com suas preferências.

Para isso, basta clicar na opção ‘Predefinições de tamanho de fonte’ na parte inferior.

Assim que a nova tela abrir, você poderá editar facilmente as predefinições de tamanhos de fonte em todo o site.

Por fim, clique no botão ‘Salvar’ para armazenar suas configurações. Agora você alterou com sucesso o tamanho da fonte em todo o site usando o editor completo do site.

Método 5: Alterar o Tamanho da Fonte em Todo o Site Usando WPCode

Este método é para você se você deseja alterar o tamanho da fonte em todo o seu site, mas não está usando um tema de bloco.

Você pode facilmente adicionar esta funcionalidade inserindo código CSS em seu site usando WPCode.

É o melhor plugin de snippets de código para WordPress do mercado que torna super fácil e seguro adicionar código ao seu site.

Primeiro, você precisa instalar e ativar o plugin WPCode. Para instruções detalhadas, por favor, veja nosso guia passo a passo sobre como instalar um plugin do WordPress.

Observação: O WPCode tem um plano gratuito que você pode usar para o tutorial. No entanto, a atualização para a versão pro lhe dará acesso a mais recursos, como lógica condicional, uma biblioteca de nuvem de snippets de código e muito mais.

Após a ativação, acesse a página Code Snippets » + Add Snippet na barra lateral de administração do WordPress.

Uma vez lá, clique no botão ‘+ Adicionar Snippet Personalizado’ em ‘Adicione Seu Código Personalizado (Novo Snippet)’.

Em seguida, você precisa selecionar ‘Snippet CSS’ como o tipo de código na lista de opções que aparecem na tela.

Isso o levará à página ‘Criar Snippet Personalizado’, onde você pode começar dando um título ao seu snippet de código.

Por exemplo, usamos o título ‘Alterar Tamanho da Fonte em Todo o Site’.

Em seguida, copie e cole o seguinte código CSS personalizado na caixa ‘Prévia do Código’:

p {
font-size:16px;
}

Depois de fazer isso, basta adicionar o tamanho de texto desejado ao lado da linha ‘font-size’ no código CSS.

Deve ficar assim.

Depois disso, role para baixo até a seção ‘Inserção’ e escolha o modo ‘Inserção Automática’.

Seu código será executado automaticamente em seu site após a ativação.

Finalmente, role de volta para o topo da página e alterne o switch ‘Inactive’ para ‘Active’.

Depois disso, clique no botão ‘Salvar Snippet’ para executar seu código.

Você agora alterou com sucesso o tamanho da fonte em seu site WordPress.

Bônus: Alterar a Cor do Texto no WordPress

Além do tamanho, você também pode querer alterar a cor do texto em seu site para tornar seu conteúdo mais legível e visualmente atraente. Isso também pode aprimorar sua marca e ajudar a destacar informações importantes.

Para alterar a cor do texto, você deve abrir um post de blog no editor de blocos e escolher um bloco de Parágrafo. Assim que fizer isso, mude para a aba ‘Estilos’ no painel do bloco e clique na opção ‘Texto’.

Isso abrirá a ferramenta de seleção de cores, onde você pode selecionar uma cor de texto de sua preferência para o conteúdo.

Se você quiser alterar as cores do texto em todo o site, então você pode usar WPCode, que é o melhor plugin de snippets de código WordPress do mercado.

Após a ativação, basta visitar a página Snippets de Código » + Adicionar Snippet na barra lateral de administração do WordPress e clicar em ‘Usar Snippet’ na opção ‘Adicionar Seu Código Personalizado’.

Isso o levará à página ‘Criar Snippet Personalizado’, onde você deve selecionar ‘Snippet CSS’ como o tipo de código e, em seguida, copiar e colar o seguinte código na caixa ‘Visualização do Código’:

p { color:#990000; }

Se você quiser usar uma cor diferente para os cabeçalhos do seu site, então você precisará usar os seletores h1, h2, h3 ou similares.

Finalmente, clique no botão ‘Salvar Snippet’ e alterne o interruptor ‘Inativo’ para ‘Ativo’.

Agora você alterou com sucesso a cor do texto em todo o seu site. Para instruções detalhadas, veja nosso tutorial sobre como alterar a cor do texto no WordPress.

Tutorial em Vídeo

Se você não gosta de instruções escritas, então você pode assistir ao nosso vídeo:

Esperamos que este artigo tenha ajudado você a aprender como alterar facilmente o tamanho da fonte no WordPress. Você também pode querer ver nosso guia sobre como usar fontes personalizadas no WordPress ou nosso tutorial sobre como desativar fontes do Google no seu site WordPress.

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.