Como alterar o tamanho da fonte no WordPress

Muito pensamento vai para o design de um site. Um bom conteúdo é fundamental, é claro, mas o que primeiro chama a atenção são os recursos visuais. Os temas são todos muito bons, e sabemos que há uma série de temas lindos por aí, mas você quer faça seu próprio site. Para conseguir a aparência que deseja em seu site, você pode descobrir que precisa de uma maneira de mude o tamanho da fonte. Felizmente, existem maneiras fáceis de fazer isso. Aqui está o que iremos discutir neste artigo:

Primeiro, criaremos uma postagem e a preencheremos com algum texto gerado aleatoriamente. A seguir, entraremos em detalhes sobre as mudanças no tamanho da fonte no WordPress. Você vai aprender como mude o tamanho da fonte em uma postagem, mas você descobrirá que funciona da mesma forma para as páginas também.

Como alterar o tamanho do texto em uma postagem ou página

Vamos começar com o Gutenberg, pois é o editor preferido de muitos usuários do WordPress. Uma das configurações de um bloco de parágrafo de Gutenberg é o Tipografia contexto. Você o encontrará no menu de blocos do lado direito. Para alterar o tamanho da sua fonte, basta alterar o do seu bloco Tamanho predefinido para qualquer coisa que você quiser. Vamos selecionar o Grande configuração para esta demonstração. Você também pode inserir um tamanho de fonte personalizado no Personalizado caixa.

E seu texto aparecerá grande na postagem – no nosso caso, tamanho de fonte 36.

Observe que isso só se aplica ao parágrafo que selecionamos. Você precisará alterar todos os parágrafos manualmente. Se você deseja alterar o tamanho de todas as fontes em seu site, role para baixo até a seção final deste artigo, na qual discutimos o uso de código para manipular tamanhos de fonte.

Se você estiver trabalhando com o Elementor, os controles de tamanho do texto estão no elemento de texto Estilo guia, sob Tipografia. Se você estiver usando o editor clássico, role para baixo – temos uma seção inteira sobre isso.

Títulos e citações

Mas e se você quiser apenas chamar a atenção dos seus leitores com alguns títulos e citações impressionantes? Títulos são usados ​​para subdividir o texto tanto organizacional quanto visualmente, Mas isso não é tudo. Eles também são úteis para fins de SEO, uma vez que os mecanismos de pesquisa atribuem mais peso aos títulos do que ao texto comum. Eles também têm uma função importante para software de análise de texto para deficientes visuais, que é um dos motivos pelos quais você deve usar os subtítulos na ordem, sem pular.

Isso tudo significa que você não deve usar títulos simplesmente para fazer seu texto parecer maior – títulos precisam ser significativos. Mesmo que seja tudo igual para você, mesmo que o tamanho e a forma das letras sejam exatamente os mesmos, o software pode (e faz) dizer a diferença. Para obter mais informações sobre acessibilidade no WordPress e como os títulos entram em jogo, verifique nosso tutorial detalhado.

Citações são um pouco diferentes: eles têm alguns benefícios de SEO, mas não são tão importantes quanto os cabeçalhos, especialmente para software de conversão de texto em voz. Eles também parecem um pouco diferentes. Se você só quer extraia um ponto importante do texto circundante, uma citação é como você faz isso.

Observe que o tamanho exato dos seus títulos e blocos de citação depende das configurações do seu tema. Você pode alterá-los usando CSS.

Para introduzir um título em Gutenberg, você precisa de um Bloco de título. Ao trabalhar com o Elementor, os títulos geralmente funcionam exatamente da mesma forma, exceto que você precisa de um elemento de título.

Basta clicar no mais sinal para adicionar um bloco e encontrar o Bloco de direção.

Tudo o que você precisa fazer agora é inserir o seu rumo. Você também pode alterar o nível do título, mas é uma boa prática de SEO usar H2 para o próximo nível mais baixo do título e, em seguida, usar os títulos em ordem, sem pular.

Para uma cotação, o processo é exatamente o mesmo. Clique no mais assinar, encontre um Bloco de Cotaçãoe adicione-o.

Em seguida, insira sua cotação. Observe que um bloco de cotação possui dois campos: o campo de cotação e o campo de legenda. A legenda está lá principalmente para atribuição de citação, mas você pode usá-la para o que quiser ou deixá-la em branco.

E seus títulos e citações aparecerão no texto exatamente onde você os colocou.

Se você estiver trabalhando com o editor clássico, encontrará Cabeçalho e Citar controles no cabeçalho de sua tela de edição de postagem. Basta selecionar o texto e torná-lo um título do nível que você deseja selecionando no menu, ou fazer o mesmo para uma citação e clicar no botão.

Você também pode marcar o título usando HTML no texto guia do seu editor clássico:

por Título 2,

por Título 3, e assim por diante.

Como alterar o tamanho da fonte usando um plug-in

Caso você esteja usando o Editor clássico, faltam controles de tamanho de fonte na tela de edição de postagem. Você pode usar código para alterar o tamanho da fonte, mas lidaremos com isso mais tarde. Muitas pessoas estão compreensivelmente apreensivas em trabalhar com o código de seus sites. Se você não sabe o que está fazendo, pode causar bugs ou, se estiver trabalhando com código proprietário, pode até ter um problema de garantia. Se você não deseja alterar seu código, ainda pode mude o tamanho da fonte usando um plugin. O plugin que usaremos para isso é Ferramentas de editor avançadas.

Depois de instalar e ativar o plug-in, você encontrará um novo conjunto de ferramentas no cabeçalho do editor Classic. Aqueles com os quais nos preocuparemos agora são os Tamanho da fonte controles. Para mostrar como funcionam, selecionaremos o segundo parágrafo e alteraremos seu tamanho dos 12 pontos padrão para 24. Você também o verá ampliado na tela.

O segundo parágrafo também aparecerá maior na visualização da postagem.

Este plugin oferece várias outras opções de formatação e estilo, e nós o recomendamos vivamente para aqueles que ainda usam o editor Clássico.

Como alterar o tamanho da fonte usando código

Finalmente, você pode usar CSS para alterar o tamanho da fonte em todo o seu site de uma vez. Mostraremos como fazer isso para nosso tema principal, Bridge, mas a maioria dos temas terá a mesma funcionalidade básica.

Primeiro, você precisa navegar para Aparência / Personalizar formar seu painel do WordPress para chegar ao personalizador de tema.

Você precisa do CSS Adicional seção. No topo do lado esquerdo, você verá qual tema está personalizando no momento. Se quiser alterar os tamanhos das fontes em vários temas, você precisará Mudar o tema que você está editando.

No campo CSS, basta adicionar este trecho de código se quiser alterar os parâmetros do seu tema completamente:

p {
font-size:18px;
}

Isso mudará todo o texto do parágrafo para o tamanho de 18 pixels. Você pode, é claro, alterar o número de pixels para o que quiser. Mas e se você quiser mudar os títulos? Isso também é fácil. Basta iniciar o colchete com H2 em vez de p:

h2 {
font-size:36px;
}

E aí está. Todo o seu tema foi transformado!

Para concluir

Como mostramos, não faltam maneiras rápidas e fáceis de manipular seu texto ou, especificamente, alterar o tamanho da fonte no WordPress. Você pode querer fazer isso em todo o site, editando o código do seu site, para certos trechos de texto que deseja enfatizar ou como parte de uma organização lógica de texto para beneficiar tanto os leitores humanos quanto os de software, independentemente de qual editor você pode estar usando, está tudo pronto. Portanto, quer você esteja fazendo isso por razões de estilo ou funcionalidade, as mudanças no tamanho da fonte no WordPress não são mais um mistério e não devem demorar.