Como Aumentar o Tamanho da Fonte no WordPress

Como Aumentar o Tamanho da Fonte no WordPress

Alterar o tamanho da fonte no WordPress é fácil. Você vai aprender tudo o que você precisa saber neste artigo.

Vamos te mostrar dois métodos: instalando um plugin ou usando CSS.

O WordPress é conhecido pelo seu editor de postagens completamente amigável para o usuário, ou seja, simples de usar. Assim como no processamento de texto, ele tem muitas opções. Você pode editar um conteúdo facilmente usando um menu suspenso para editar títulos e parágrafos.

Não esqueça que a estrutura do seu conteúdo é importante para o visitante e também para SEO. Ter uma boa estrutura de cabeçalhos ajuda a pesquisa dos mecanismos de busca ao escanear os tópicos principais do seu post, especialmente os textos mais longos. Isto vai te ajudar a alcançar um melhor posicionamento nos resultados dos mecanismos de busca.

A última versão do WordPress vem com o editor Gutenberg. Também vamos mostrar como aumentar o tamanho da fonte nesta ferramenta!

Aumentar Tamanho da Fonte com o Plugin TinyMCE Advanced

TinyMCE Advanced é um plugin gratuito que permite escolher o tamanho da fonte que você quiser com facilidade. Este plugin fornece uma barra de ferramentas de edição clássica no novo editor do Gutenberg.

Primeiro, você precisa instalar e ativar o plugin. Agora, acesse a página Configurações. Você vai encontrar duas abas Block Editor (Gutenberg) e Classic Editor (TinyMCE).

Se você quiser usar somente o classic editor, ative Replace the Block Editor with the Classic Editor em Opções Avançadas. Mas, para usar os dois editores juntos, não marque esta opção.

Aqui estão os passos para alterar tamanho da fonte usando este plugin:

  • Vá em Adicionar Novo Post ou abra um post existente para editar. Você verá um editor de parágrafos clássico como esse.
    adicionar novo post
  • Destaque as linhas do seu texto que você quer alterar, e escolha o tamanho da fonte.selecionar tamanho da fonte
  • O resultado será esse:alterar fonte no wordpress

Usando CSS – O Método ClássicoThe Classic Way

Enquanto o método acima é ótimo para iniciantes, o modo clássico requer conhecimentos em CSS e pode ser um pouco mais desafiador.

Mas, ao usar um plugin ou o editor padrão do WordPress, você precisará alterar a formatação em cada post. O uso do CSS altera da fonte de todo o site.

Alterar o tamanho da fonte usando CSS requer adicionar linhas de códigos. Você poderá fazer isso via editor ou com a opção Personalizar, recomendamos a última opção por ser mais fácil.

  • No painel de controle do WordPress, clique em Aparência > Personalizar.Menu Aparência Personalizar para alterar fonte no wordpress
  • Escolha Additional CSS.Adicionar linhas css para alterar fonte no wordpress

Você pode adicionar linhas de códigos na caixa lateral à esquerda.

  • Para alterar toda a fonte:
body {
font-size: 1.25rem;
}
editar fonte do site com css
  • Para alterar a fonte dos parágrafos:
p {
font-size: 25px;
}
  • Para alterar a fonte de cabeçalhos específicos:
h2 {
font-size: 2.5em;
}
  • Para alterar a fonte da barra lateral:
sidebar li {
font-size: 12px;
}
  • Para customizar a fonte do rodapé:
footer {
font-size: 150%;
}
  • Para trocar o tamanho da fonte de telas específicas:
html {
font-size: 18px;
}
@media (min-width: 900px) {
html {
font-size: 20px;
}
}

O estilo CSS permite quatro unidades diferentes para medir o tamanho do texto:

  • Em (em). Esta unidade é usada em documentos de mídia na web. 1em é equivalente a  12 pontos.
  • Pixels (px). Esta unidade é usada em mídia de tela. 1px é equivalente a 1 ponto na tela do computador.
  • Points (pt). Esta unidade é para mídia impressa tradicional. 1 point equivale a 1/72 polegadas.
  • Percent (%). O padrão é 100% e será alterado conforme aumentar ou diminuir o zoom.

Usando o Editor Gutenberg

Como mencionado anteriormente, o Gutenberg é uma novidade do WordPress. Ele é integrado com o CMS para fazer edições em posts ricos em mídias.

Uma mudança notável é o uso de blocos. Os blocos permitem que você arraste e solte qualquer arquivo de mídia para os seus posts – como qualquer outro construtor de páginas.

Veja como um bloco se parece:

bloco do editor no wordpress

Para alterar o tamanho da fonte usando o editor Gutenberg, siga os passos abaixo:

  • Escolha o post que você quer editar ou Adicionar Novo.
  • Clique no bloco que contém textos e selecione o tamanho manualmente.
editar bloco no wordpress
  • Ou, você pode definir as configurações com o botão do lado direito: small, normal, medium, large, and huge.
    alterar fonte gutemberg

Fácil, não acha?

Conclusão

O WordPress oferece ótimas opções para customização incluindo ajustes no tamanho da fonte do seu site. O tamanho da fonte torna o seu conteúdo mais agradável e aumenta as chances de engajamento do seu usuário. E é muito simples fazer isso!

Iniciantes podem instalar um plugin, enquanto outros usuários podem usar alguns conhecimentos em CSS para alterar a fonte manualmente. Bom trabalho para você aí e sucesso!

Author
O autor

Ariane G.

A Ariane é SEO Team Leader com experiência em conteúdo, localização e SEO. Seu desafio é levar a Hostinger ao topo dos resultados no Brasil, França e Reino Unido. Eventualmente ela compartilha seu conhecimento no blog e nos tutoriais da Hostinger e no tempo livre ela gosta de explorar lugares novos e viver intencionalmente.