fbpx

SÓ HOJE 10% DE DESCONTO

USE O CUPOM: SABADO.FULL

00
Horas
00
Minutos
00
Segundos

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

Como adicionar uma quebra de linha no WordPress (novo espaçamento entre linhas)

Você está em:

Como adicionar uma quebra de linha no WordPress (novo espaçamento entre linhas)

Deseja adicionar uma quebra de linha no WordPress ou ajustar o espaçamento de linha entre os blocos? Na maioria dos processadores de texto, você pode facilmente adicionar espaço extra de linha em branco pressionando a tecla Enter algumas vezes. Você também pode criar linhas com espaçamento duplo após parágrafos nas opções de formatação. No entanto, o editor de blocos do WordPress não possui esses botões. Neste artigo, mostraremos como adicionar facilmente uma quebra de linha no WordPress.

Adicionando espaçamento entre linhas simples ou duplas no WordPress

Antes de começarmos, é importante saber que o espaçamento entre linhas é controlado pelo tema WordPress que você usa. Mostraremos como adicionar espaço entre blocos no editor de blocos e, em seguida, abordaremos como alterar o espaçamento entre linhas em seu tema se você não estiver satisfeito com os resultados.

Vídeo tutorial

Inscreva-se no WPBeginner

Se você não gostar do vídeo ou precisar de mais instruções, continue lendo.

Adicionando espaço de linha dupla entre blocos

Quando você pressiona a tecla ‘Enter’ no teclado para adicionar uma quebra de linha, o editor visual do WordPress o considera como um novo parágrafo. Isso significa que ele adicionará automaticamente espaço de linha dupla, desde que seu tema tenha o estilo para ele (todos os bons temas do WordPress têm).

Então, simplesmente entre e pressione Enter após a linha e digite outra coisa na próxima linha.

Adicionando espaçamento de linha duplo no WordPress

Simplesmente fazendo isso, com base no estilo do seu tema, você deverá ver uma distinção clara entre os parágrafos (ou seja, espaçamento entre linhas duplo).

Espaço de linha dupla adicionado para criar parágrafo no WordPress

Adicionando espaço de linha única

Agora, se você estiver escrevendo algo como um endereço, provavelmente desejará que seja em espaço simples em vez de espaço duplo.

Visualização de espaço único

Neste caso, você precisa pressionar a tecla SHIFT + ENTER.

Isso dirá ao WordPress que você deseja iniciar uma nova linha dentro de um parágrafo existente, portanto, ele precisa de espaçamento entre linhas simples versus espaçamento entre linhas duplas.

Modificando a altura e o espaçamento da linha

Às vezes, mesmo quando você adiciona o espaçamento de linha adequado no editor, ele não é exibido da maneira que você deseja em seu tema.

Existem duas maneiras de corrigi-lo:

  1. Usando um plugin (a maneira mais fácil)
  2. Manualmente com código CSS (mais avançado)

Vamos dar uma olhada no método fácil primeiro.

Adicionando espaçamento entre linhas usando um plug-in

Se você quiser fazer alterações de estilo no seu tema sem ter que aprender código, usar um plugin como o CSS Hero é a melhor maneira de fazer isso.

O CSS Hero facilita a alteração do design do seu site WordPress sem conhecer nenhum código.

Adicione espaçamento de parágrafo no WordPress com CSS Hero

Você pode ver mais detalhes em nossa análise completa do CSS Hero .

Se você deseja fazer alterações maiores em seu tema, como mover uma barra lateral ou adicionar um rodapé, um plug-in de construtor de páginas de arrastar e soltar seria uma opção melhor. Um plugin de construtor de páginas também permite que você faça pequenos ajustes, como alterar as cores da fonte ou adicionar quebras de linha no WordPress.

Não quer usar um plugin, ou só precisa fazer essa alteração? Então a opção de código CSS manual pode ser melhor para você.

Alterando o espaçamento entre parágrafos manualmente com código CSS

Para adicionar quebras de linha manualmente sem um plugin, você precisa adicionar um pouco de CSS ao seu tema.

CSS é basicamente como o recurso de formatação no Microsoft Word. Em vez de clicar em botões, você estará escrevendo algum código CSS simples. Não é tão assustador como alguns iniciantes podem pensar. CSS é muito fácil de entender se você estiver apenas seguindo as instruções.

Para adicionar CSS personalizado ao seu tema, você precisa visitar a página Aparência » Personalizar . Isso iniciará o personalizador de temas do WordPress, onde você precisa clicar na guia ‘CSS adicional’ na coluna da esquerda.

Adicionando seu CSS personalizado

Na caixa CSS personalizada, você precisa adicionar o seguinte código CSS:

1.post p{line-height: 1.5em;}
Adicionando CSS personalizado para aumentar a altura da linha

A regra CSS mostrada acima alterará o espaçamento entre linhas do conteúdo do parágrafo para 1,5em. Em é uma unidade de largura para tipografia. Estamos usando uma .postclasse que o WordPress adiciona automaticamente à área de conteúdo de todas as postagens para garantir que ela afete apenas as postagens e não os parágrafos usados em outros lugares.

Agora, isso altera apenas o espaçamento do espaçamento simples. Se você quiser alterar o espaçamento entre parágrafos no WordPress (ou seja, espaçamento duplo), precisará adicionar preenchimento.

1234.post p {line-height: 1.5em;padding-bottom: 15px;}

Sinta-se à vontade para ajustar os números para atender às suas necessidades.

Esperamos que este artigo tenha ajudado você a adicionar uma quebra de linha no WordPress. Você também pode querer ver nossas dicas sobre como dominar o editor visual do WordPress para escrever conteúdo com mais eficiência no WordPress.

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 .

Uncategorized

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

Meu carrinho
🎁 Faltam R$300,00 para liberar o Cupom Secreto
Seu carrinho está vazio.

Parece que você não adicionou nada ao seu carrinho =(