FULL.

Bem vindo ao
Blog da FULL.

Aprenda, crie e cresça seu negócio na internet.

Encontre conteúdos, dicas, tutoriais e novidades sobre as principais ferramentas Wordpress

Siga a FULL.

Como alterar facilmente o tamanho da fonte no WordPress

Você está em:

Como alterar facilmente o tamanho da fonte no WordPress

Deseja alterar o tamanho da fonte em suas postagens ou páginas do WordPress?

Às vezes, você pode querer aumentar uma linha ou um parágrafo ou aumentar o tamanho da fonte em toda a página.

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

Como alterar o tamanho da fonte no WordPress

Vídeo tutorial

Inscreva-se no WPBeginner

Se preferir instruções escritas, continue lendo.

Método 1: usando títulos de parágrafo

Usar títulos em seu conteúdo é uma ótima maneira de atrair a atenção do usuário com uma fonte de tamanho maior. Na maioria dos temas do WordPress , os títulos estão em uma fonte maior do que o texto do corpo normal. Eles permitem que você divida suas postagens e páginas em seções.

Os títulos também são ótimos para SEO . Os mecanismos de pesquisa dão aos títulos apropriados mais peso do que o texto normal do parágrafo.

Como adicionar um título no editor de blocos padrão do WordPress

Você pode adicionar um título às suas postagens ou páginas simplesmente adicionando o bloco ‘Título’. Você pode procurá-lo ou encontrá-lo na seção ‘Texto’ no editor de blocos do WordPress .

Adicionar um bloco de título

O bloco terá como padrão o Título 2. Normalmente, faz sentido manter o Título 2 para seus subtítulos. Se você quiser alterar isso, basta clicar no menu suspenso ‘H2’ para selecionar um tamanho diferente.

Alterar rumo de h2

Alternativamente, você pode alterar isso nas configurações do bloco no lado direito da tela. Você também pode alterar a cor do título.

Como adicionar um título no Editor Clássico mais antigo

Se você ainda estiver usando o editor clássico mais antigo no WordPress , poderá adicionar títulos usando o menu suspenso ‘Parágrafo’.

Basta destacar o texto que você deseja transformar em um título, clicar no menu suspenso “Parágrafo” e selecionar o tamanho do título.

Escolha o título no editor clássico

Os tamanhos e cores dos diferentes estilos de título são controlados pela folha de estilo do seu tema (style.css).

Se você estiver usando um tema WordPress premium , poderá ter a opção de alterar essas configurações em Aparência » Personalizar .

Método 2: alterando o tamanho do texto no editor de blocos

E se você quiser ter um parágrafo ou até mesmo todo o seu post em uma fonte maior? Você pode fazer isso facilmente usando o editor de blocos padrão do WordPress.

Basta clicar em qualquer bloco de parágrafo e selecionar o tamanho da fonte em ‘Tipografia’ no lado direito.

Configurações de tipografia

Você pode selecionar na lista suspensa, que abrange Pequeno, Normal, Médio, Grande e Enorme. Se você mudar de ideia, basta clicar no botão ‘Redefinir’ para definir seu parágrafo de volta ao texto padrão.

Há também uma opção ‘Personalizada’ onde você pode simplesmente digitar o tamanho de pixel que você deseja. Se desejar, você também pode definir uma capitular grande para aparecer no início do seu parágrafo.

Essas opções não estão disponíveis no editor clássico mais antigo para WordPress. Se você quiser usá-los, pense em fazer a troca. Nosso tutorial sobre como usar o novo editor de blocos do WordPress irá ajudá-lo.

Se você está determinado a ficar com o editor clássico, esta próxima opção é para você.

Método 3: Alterar o tamanho da fonte usando as ferramentas avançadas do editor

Advanced Editor Tools, anteriormente conhecido como TinyMCE Advanced, é um plug-in do WordPress que oferece mais controle sobre tamanhos de fonte e formatação de texto, além de uma variedade de outros recursos.

Isso é particularmente útil com o editor clássico mais antigo, mas também funciona com o editor de blocos. Ele adiciona um novo bloco chamado “Parágrafo Clássico” que possui todos os controles de formatação.

Para usá-lo, primeiro você precisa instalar e ativar o plug-in Advanced Editor Tools . Se você não tem certeza de como fazer isso, confira nosso guia passo a passo sobre como instalar um plugin do WordPress .

Em seguida, vá para Configurações » Ferramenta Editor Avançado (TinyMCE Advanced) para definir as configurações do editor. É aqui que você pode configurar os botões que deseja usar na barra de ferramentas TinyMCE Advanced.

Se você o estiver usando com o editor Classic, deverá ver que o TinyMCE tem o menu suspenso ‘Tamanho da fonte’ ativado por padrão na segunda linha de ícones.

Você pode movê-lo para a primeira linha arrastando-o para cima, se desejar.

Ferramentas avançadas de edição tamanho da fonte do editor clássico

Se você estiver usando o editor de blocos, precisará rolar a tela para baixo e adicionar o menu suspenso Tamanhos de fonte à barra de ferramentas arrastando-o e soltando-o.

Adicionar tamanho de fonte à barra de ferramentas

Certifique-se de clicar em ‘Salvar alterações’ na parte inferior da tela.

Para ver o botão em ação, crie uma nova postagem ou edite uma existente.

No editor de blocos, agora você terá a opção de adicionar um bloco ‘Parágrafo clássico’. Ele terá os controles avançados, assim:

Ferramentas avançadas de edição tamanho da fonte do editor clássico

No editor clássico, você verá as barras de ferramentas com uma lista suspensa de tamanho de fonte:

Alterar fonte no editor clássico

Você pode selecionar qualquer tamanho de fonte na lista suspensa.

Nota: isso não oferece tantas opções quanto o editor de blocos do WordPress e você não pode digitar seu próprio tamanho de fonte.

Método 4: alterar o tamanho da fonte em todo o site usando CSS

Se você estiver alterando o tamanho da fonte toda vez que edita uma postagem, talvez queira facilitar alterando-a permanentemente em seu tema.

A boa notícia é que você pode alterar o tamanho padrão do parágrafo em todo o site. A melhor maneira de fazer isso é usando o Personalizador de Temas em Aparência » Personalizar .

Alguns temas do WordPress podem vir com uma opção para você alterar o tamanho da fonte. Se você encontrar essa opção, poderá usá-la sem escrever código CSS.

No entanto, se o seu tema não tiver esse recurso, você poderá adicionar CSS personalizado para adicionar suas próprias regras de tamanho de fonte.

Basta clicar na opção ‘CSS Adicional’ no personalizador de temas. É aqui que você pode armazenar todo o seu código CSS personalizado.

Adicionar CSS adicional

Agora, na caixa de texto CSS adicional, basta adicionar seu código CSS. Neste exemplo, estamos alterando o tamanho da fonte para ’16px’, você pode escolher um tamanho de fonte diferente.

123p {font-size:16px;}

Você verá imediatamente as alterações na visualização no lado direito da tela. Se estiver satisfeito com o tamanho da fonte, clique no botão ‘Publicar’ na parte superior da tela para ativá-la.

Observação: seu CSS personalizado será aplicado apenas ao tema que você está usando. Se mais tarde você optar por mudar para um tema diferente do WordPress , será necessário copiá-lo e colá-lo novamente no Personalizador.

O código acima se aplica apenas ao texto do parágrafo. E se você quiser alterar o tamanho da fonte de todos os subtítulos h2?

Simplesmente modifique o código acima para direcionar o elemento h2 em seu tema assim:

123h2 {font-size:32px;}

Você pode fazer a mesma coisa com outros títulos simplesmente alterando h2 para h3, h4 ou h5.

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 nossa lista dos melhores plugins de construtor de páginas WordPress de arrastar e soltar .

Se você gostou deste artigo, assine nosso canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook .

Aprenda com a FULL.

Junte-se a mais de 50 mil pessoas que recebem em primeira mão as principais ferramentas e tecnologia para desenvolvimento web

O meu carrinho
🎁 Faltam 300,00 para liberar o Cupom Secreto
O seu carrinho está vazio.

Parece que ainda não tomou uma decisão.