Você quer adicionar espaços ou subseções recuado no WordPress? Você gostaria de recuar parágrafos no WordPress?

Embora a maior parte do seu texto seja alinhado à esquerda, em alguns casos você pode precisar recuar certos parágrafos para um melhor tipografia e melhor experiência de leitura.

Neste tutorial, mostraremos como recuar facilmente parágrafos no WordPress.

parágrafos de recuo no WordPress

Método 1: usando os botões de recuo de texto no editor visual 

Por padrão, a maioria Temas do WordPress Exiba parágrafos justificados à esquerda ou à direita nos idiomas da direita para a esquerda.

Se você deseja mudar um parágrafo, pode fazê-lo manualmente clicando no botão Aumentar recuo do editor de texto visual. Isso adicionará espaçamento à esquerda do parágrafo.

Avançar parágrafos no wordpress

Caso você queira indentar mais de um parágrafo, você deve selecionar esses parágrafos e clicar no botão Aumentar recuo.

Você pode clicar no botão várias vezes para aumentar o recuo. Por exemplo, se você clicar duas vezes nele, o espaçamento do recuo será dobrado.

Você também pode reduzir a retirada clicando no botão Diminuir recuo

Também o convidamos antes de continuar a descobrir Como usar o editor Gutenberg para WordPress 5.0: Parte XNUMX

Método 2: recuo manual parágrafo usando o editor de texto

Usando os botões de retirada texto no editor visual é a maneira mais fácil de adicionar recuo aos parágrafos. No entanto, isso não dá a você controle sobre quanto espaçamento você deseja adicionar.

Os usuários mais avançados podem mudar para editor de texto para adicionar manualmente o recuo. Tudo que você precisa fazer é colocar o texto na tag do parágrafo e e então y adicionar código CSS assim:

<p style="padding-left:25px;">Your paragraph text goes here...</p>
Recuar manualmente o parágrafo no wordpress

Este método permite que você controle o espaçamento que deseja usar como recuo. Este método funciona melhor se você não precisar recuar parágrafos regularmente.

Portanto, se você recuá-los com freqüência suficiente, essa não é a solução ideal.

Descubra o nosso guia em Como escrever (gravar) um bom número sobre o seu blog 

Método 3: indente apenas a primeira linha de um parágrafo

As páginas da Web não usam o espaçamento de parágrafo tradicional usado por software de processamento de texto, que marca apenas a primeira linha do parágrafo.

Mesmo no WordPress, quando você recua um parágrafo, um espaço é adicionado ao parágrafo inteiro.

Recuo de parágrafo de exemplo

Alguns sites de revistas ou jornais literários podem querer adicionar um recuo mais tradicional. Nesse caso, você precisa adicionar CSS personalizado ao seu tema WordPress.

Vá para " Aparência> Personalizar Para iniciar o " Customizer "Para tema WordPress. Clique no " CSS adicional ".

Wordpress de customizador css adicional

Isso exibirá uma caixa de texto no painel esquerdo, onde você pode adicionar seu código CSS personalizado. Adicione este código CSS nesta caixa de texto.

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

Descubra também o nosso Tutorial: como dominar o editor visual do WordPress

Este código CSS simplesmente informa aos navegadores que se um parágrafo tiver a classe ".custom-indent", ele adiciona um recuo de 60px.

Você pode editar seu artigo no editor de texto. Em seguida, envolva seu texto com as tags <p class = "custom-indent"> et </p> como segue :

O texto do seu parágrafo vai aqui ...

Depois de concluído, você pode visualizar seu artigo e verá que apenas a primeira linha do parágrafo tem espaçamento antes.

Espaçamento na frente de um parágrafo

Este método funcionará com cuidado se você quiser apenas recuar alguns parágrafos. No entanto, se você deseja adicionar esse estilo a todos os parágrafos do seu site, basta modificar o código CSS personalizado como este:

article p { 
text-indent:60px;
}

Este código CSS adicionará automaticamente um recuo na primeira linha de todos os parágrafos dentro de uma postagem ou página do WordPress.

Descubra também antes de sair Como adicionar um estilo visual para o editor WordPress

Para aqueles que procuram editores visuais de estilo para melhorar a aparência de seu site, aqui oferecemos três plug-ins WordPress premium projetados para essa tarefa.

1. Lápis Amarelo: Editor CSS de Estilo Visual

Yellow Pencil é um editor de estilo visual que você pode usar com qualquer tema para personalizar seu site em minutos (fontes, cores, animações e muito mais ...).

Plugin de editor de estilo css visual Yellowpencil wordpress

Este plugin irá criar estilos CSS em segundo plano enquanto você joga com as cores como se fosse um jogo.Ele foi projetado para iniciantes e também para usuários experientes. Nenhum conhecimento de codificação é necessário; No entanto, o plugin tem um bom editor CSS para quem gosta de codificar. Você pode codificar ao vivo com este editor e personalizar seu CSS.

Descarregar | Demo | hospedagem na web

2. Easy Custom JS e CSS 

Ce WordPress Plugin premium é um poderoso editor de código CSS e JavaScript que permite adicioná-los a qualquer seção do seu site. Ele permite que você mantenha suas personalizações mesmo após uma grande atualização do seu tema WordPress.

Plugin de wordpress de personalização extra de js e css personalizado fácil

Você tem a opção de limitar o campo de uso do seu código personalizado. Por exemplo, você pode usar seu código apenas para um artigo no formato de vídeo. Ou você pode limitar seu código a um tema específico; O que é útil se você muda frequentemente os temas do seu blog do WordPress.

Descarregar | Demo | hospedagem na web

2. Google Maps compatível

Ce WordPress Plugin promove a criação de um sistema de múltiplos marcadores num mapa e vários mapas por página. Inclui visualização em tela cheia e agrupamento de vários marcadores. Nenhuma chave de API é necessária para fazer isso.

Plug-ins de mapas do WordPress - Google Maps responsivos

A instalação de WordPress Plugin Mapa do Google responsivos é simples e fácil. Não há necessidade de códigos de acesso longos e complexos. Da mesma forma, é simples criar um mapa, adicionar rapidamente uma localização a ele, para isso, basta copiar um shortcode na página onde deseja exibir o mapa e pronto!

ler Como exibir a localização de um membro da sua comunidade WP em um mapa do Google

Suas outras características são: aarte responsiva, pvários locais no mesmo mapa, pvários cartões por página, a possibilidade defaça o download de seus próprios marcadores, uma visualização em tela cheia, d suportediferentes tipos de mapas (roteiro, satélite, híbrido e terreno), zautomático, a capacidade de personalizar oir do mapa, emuito mais ...

Recursos Recomendados

Descubra mais Ressources recomendações que o ajudarão melhor assumir o controle de seu editor de texto visual.  

Conclusão

Aqui ! Para este tutorial é isso, espero que permita organizar melhor o recuo de seus artigos. sinta-se livre para compartilhe a dica com seus amigos em suas redes sociais.

Se você tiver alguma sugestão ou comentário, será bem-vindo. Também convidamos você a consultar nosso recursos se você é um blogueiro iniciante.

...