Como recuar parágrafos no WordPress – 4 métodos fáceis

Deseja recuar parágrafos no WordPress?

A formatação adequada é uma das práticas recomendadas de criação de conteúdo mais negligenciadas e é uma das principais razões para o sucesso e o fracasso de um conteúdo.

Você tem apenas alguns segundos na internet para capturar a atenção do seu público e mostrar a eles que sua postagem vale o tempo deles. O segredo para obter mais leituras é otimizar sua postagem com recuo adequado.

Obviamente, cada site é diferente e você pode não ver muitos recuos. É simples recuar parágrafos no WordPress. Você pode recuar parágrafos no editor clássico, editor Gutenberg ou usar tags HTML ou código CSS.

Este post mostrará diferentes maneiras de recuar seus parágrafos. Então, sem mais delongas, vamos começar.

1 Como o recuo ajuda os leitores?

Basicamente, por escrito, o recuo tem um propósito principal. Seu objetivo é servir como uma transição entre os dois parágrafos. Obviamente, recuos não são necessários em todos os parágrafos. Tudo depende do estilo de escrita e vários estilos para escolher.

Pense nisso: mesmo que você tenha criado um conteúdo excepcional com tremendo valor educacional, seria impossível para qualquer um ler se fosse apenas um longo parágrafo sem imagens, negrito, subtítulos ou outras formas de quebrar o texto. É importante selecionar o melhor estilo para o seu site.

Manter a consistência em todo o site é o aspecto mais importante do recuo. Se você optar por recuar apenas o parágrafo de abertura, certifique-se de fazê-lo para todo o seu conteúdo. Se você usar um método diferente, aplique-o a cada parte do conteúdo.

2 Como recuar parágrafos no WordPress?

Agora vamos ver as várias maneiras de recuar os parágrafos no WordPress.

2.1 Recuar parágrafos no editor clássico

O editor clássico possui uma opção integrada para recuo de parágrafo.

Se você deseja recuar um parágrafo, pode fazê-lo manualmente clicando no botão aumentar recuo no editor clássico. Isso adicionará espaçamento ao lado esquerdo de um parágrafo.

Se desejar recuar mais de um parágrafo, selecione esses parágrafos e clique no botão aumentar recuo conforme mostrado abaixo.

Da mesma forma, você também pode diminuir o espaçamento clicando no botão diminuir recuo.

2.2 Recuar parágrafos usando tags HTML

Você pode usar tags HTML no modo de texto do editor clássico para recuar seus parágrafos. Para isso, clique na aba Texto , conforme figura abaixo.

Em seguida, você precisa envolver seu texto em torno das tags de parágrafo <p> e </p> e adicionar CSS embutido ao texto do parágrafo como este:

<p>Your paragraph text goes here...</p>

E esse efeito cascata ficará bem visível no seu texto.

Este método permite que você indente seus parágrafos com quantos pixels desejar. Esse método funcionará melhor se você não precisar recuar seus parágrafos com frequência. No entanto, esta não é uma solução ideal se você costuma recuar parágrafos.

2.3 Parágrafos de recuo em Gutenberg

É um pouco inesperado que o bloco de parágrafo em Gutenberg não suporte, por padrão, o recuo. No entanto, uma solução envolve não utilizar um bloco de parágrafo para o texto; em vez disso, você precisa de um bloco Classic.

Para adicionar um bloco Classic à sua postagem do WordPress, clique no sinal de mais (+) e procure o bloco Classic , conforme mostrado abaixo.

Agora, o bloco Classic possui alguns controles de formatação de texto acima do texto. Para aumentar e diminuir o recuo, use os botões de aumento/diminuição de recuo na linha inferior da barra de ferramentas. Uma vez feito, clique no botão Publicar/Atualizar para salvar suas alterações.

No exemplo acima, aumentamos o recuo duas vezes. E aqui está como ficará o texto no post.

2.4 Recuo de parágrafo usando CSS

Você também pode adicionar código CSS para recuar seus parágrafos. Vamos dar uma olhada em ambos os métodos CSS em detalhes.

2.4.1 Recuo Primeira Linha do Parágrafo

E se você quiser recuar apenas a primeira linha de um parágrafo? Existe uma maneira de fazer isso também, mas envolve ajustar o CSS do seu tema.

Primeiro, navegue até Aparência > Personalizar no painel do WordPress.

Em seguida, adicione o seguinte código ao CSS personalizado do seu tema para recuar a primeira linha do parágrafo em, digamos, 50 pixels.

 p.custom-indent { text-indent:50px; }

O código CSS acima informa aos navegadores que, se um parágrafo tiver a classe .custom-indent , adicione 50px como text-indent.

Agora edite sua postagem no WordPress e mude para o editor de texto. Em seguida, coloque seu parágrafo dentro de <p class=”custom-indent”> e </p> tag como mostrado abaixo:

<p class="custom-indent"> Your paragraph text goes here...</p>

Uma vez feito isso, atualize/publique sua postagem. Você pode visualizar sua postagem e verá que apenas a primeira linha do parágrafo tem espaçamento antes dela.

2.4.2 Recuo da primeira linha de todos os parágrafos

Adicione o seguinte código ao CSS personalizado do seu tema para recuar a primeira linha de todos os parágrafos em, digamos, 50 pixels.

 article p { text-indent:50px; }

Clique no botão Publicar , conforme imagem abaixo.

É isso! A primeira linha em cada um dos seus parágrafos será recuada em 50 pixels.

3 Conclusão

Você tem todos os recursos necessários para criar conteúdo envolvente com o WordPress. Seu conteúdo pode ser blogs, guias de instruções ou perguntas frequentes, mas cada um deles é formatado de maneira diferente.

É importante ser organizado ao criar conteúdo escrito. Isso é especialmente difícil quando você tem vários autores trabalhando para você.

Como você pode ver, adicionar recuo de parágrafo ao conteúdo do seu site é simples. Pode dar uma aparência mais formal, quer você esteja pensando em parágrafos inteiros ou simplesmente na linha inicial.

Quantos parágrafos você geralmente recua? Você usa as mesmas diretrizes de recuo para todo o texto ou há variações dependendo do tipo de conteúdo? Qual método de recuo de parágrafo você prefere? Informe-nos twittando @rankmathseo.