Tutoriais confiáveis de WordPress, quando você mais precisa.
Guia para Iniciantes em WordPress
WPB Cup
Mais de 25 Milhões
Sites usando nossos plugins
16+
Anos de experiência com WordPress
3000+
Tutoriais de WordPress por especialistas

Como Adicionar uma Quebra de Linha no WordPress (Espaçamento de Nova Linha)

Já notou como alguns sites têm conteúdo perfeitamente espaçado e fácil de escanear, enquanto outros parecem apertados e difíceis de ler?

O segredo muitas vezes se resume a algo simples: usar novas linhas e espaçamento de forma eficaz.

Se você já adicionou quebras de linha no seu editor do WordPress apenas para descobrir que elas não aparecem na sua página publicada, você definitivamente não está sozinho. O WordPress lida com o espaçamento de forma um pouco diferente de processadores de texto como Google Docs ou Microsoft Word.

No entanto, assim que você entender como funciona, terá controle total sobre a aparência do seu conteúdo.

Mostraremos vários métodos confiáveis para adicionar quebras de linha no WordPress, desde atalhos rápidos de teclado até opções de formatação mais avançadas.

Vamos começar com as maneiras mais fáceis de adicionar uma quebra de linha.

Como Adicionar uma Quebra de Linha no WordPress

💡 Resposta Rápida: Como Adicionar uma Quebra de Linha no WordPress

Com pressa? Aqui estão as 5 maneiras abordadas neste artigo:

  • Adicionar Espaço Duplo de Linha (Novo Parágrafo): Pressione Enter/Return para espaçamento duplo automático entre parágrafos.
  • Adicionar Espaço Simples de Linha (Mesmo Parágrafo): Use Shift + Enter/Return para iniciar uma nova linha dentro do mesmo parágrafo.
  • Usar Bloco Espaçador (Controle Visual): Arraste e solte um bloco Espaçador para espaçamento vertical preciso sem código.
  • Usar um Plugin (Estilização Sem Código): Modifique o espaçamento entre linhas e outros estilos facilmente com um plugin de editor CSS visual.
  • Adicionar CSS Personalizado (Controle Avançado): Escreva código CSS no Personalizador para ajustar o espaçamento entre linhas e parágrafos.

Por que Adicionar uma Quebra de Linha no WordPress (Espaçamento de Nova Linha)?

À primeira vista, uma quebra de linha pode parecer uma pequena escolha de formatação, mas pode ter um grande impacto no desempenho do seu conteúdo.

Desde melhorar a legibilidade até aumentar a experiência do usuário, adicionar o espaçamento adequado ajuda suas páginas a parecerem limpas e profissionais. Veja por que isso importa:

  • Melhor legibilidade: Divide blocos de texto para facilitar o escaneamento.
  • Otimizado para dispositivos móveis: Mantém o conteúdo claro em telas menores.
  • Corrige texto colado: Limpa a formatação de outras fontes.
  • Chama a atenção: Ajuda dicas e CTAs a se destacarem.

Em resumo, quebras de linha tornam seu conteúdo mais fácil de ler e mais envolvente — tanto para visitantes quanto para mecanismos de busca.

Observação: Embora você controle onde adiciona novas linhas e parágrafos, a quantidade exata de espaço entre linhas dentro de um parágrafo (altura da linha) e entre parágrafos é frequentemente definida pelo seu tema do WordPress.

Mostraremos como adicionar novas linhas e espaço usando diferentes métodos, e depois como ajustar as configurações de espaçamento padrão em seu tema, se necessário.

Dito isso, vamos ver como adicionar facilmente uma quebra de linha no WordPress.

Como Adicionar uma Quebra de Linha no WordPress (Métodos Rápidos)

No WordPress, você pode facilmente adicionar quebras de linha usando o teclado. Para criar um espaço duplo de linha (novo parágrafo), basta pressionar a tecla Enter (ou Return no Mac).

Para um espaço simples de linha dentro do mesmo parágrafo, segure Shift + Enter (ou Shift + Return no Mac). Estas são as maneiras mais rápidas de controlar o espaçamento no editor de blocos.

Como Adicionar um Novo Parágrafo (Espaçamento Padrão)

Quando você pressiona a tecla Enter (Windows) ou Return (Mac) no teclado, você está criando o que é frequentemente referido como um "hard return" ou uma quebra de novo parágrafo.

O WordPress cria um novo parágrafo. Por padrão, seu tema adiciona algum espaço vertical entre os parágrafos, o que ajuda a separar suas ideias e tornar o conteúdo mais fácil de ler.

A quantidade exata desse espaçamento é controlada pelo design do seu tema.

Adicionando espaçamento de linha duplo no WordPress

Simplesmente vá para o editor de conteúdo, pressione a tecla Enter ou Return após a linha e, em seguida, digite algo mais na próxima linha.

Ao fazer isso, com base na estilização do seu tema, você deverá ver uma clara distinção entre os parágrafos.

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

Como Adicionar um Espaço Simples de Linha (Retorno Suave / Quebra de Linha dentro do Parágrafo)

Agora, se você está escrevendo algo como um endereço ou um poema e deseja uma quebra de linha com espaçamento simples sem iniciar um novo parágrafo, você precisará usar um "soft return."

Prévia de Espaço Simples

Neste caso, você precisa pressionar a tecla SHIFT + ENTER no Windows ou a tecla SHIFT + RETURN no Mac.

Isso diz ao WordPress que você deseja iniciar uma nova linha, mas mantê-la como parte do mesmo parágrafo.

Esta ação cria uma “quebra de linha” ou quebra de linha única (usando uma tag HTML <br>), o que significa que não haverá o espaço vertical extra que você obtém com um novo parágrafo.

É um método útil para limpar texto colado de outras fontes que podem ter quebras de linha duplas excessivas; basta excluir as quebras de parágrafo extras e reinserir quebras de linha únicas com Shift + Enter conforme necessário.

Quebras de Linha Únicas vs. Duplas no WordPress: Uma Comparação Rápida
Tipo de QuebraAtalho de TecladoInterpretação do WordPressResultado VisualMelhores Casos de Uso
Quebra de Linha Dupla (Novo Parágrafo/Quebra de Linha Dura)Enter (Windows) / Return (Mac)Inicia um novo parágrafo, aplicando o espaçamento de parágrafo padrão do seu tema.Adiciona um espaço perceptível entre blocos de texto.✔Separar ideias distintas
✔Iniciar novos parágrafos
✔Melhorar a legibilidade geral
Quebra de Linha Única (Nova Linha/Quebra de Linha Suave)Shift + Enter (Windows) / Shift + Return (Mac)Inicia uma nova linha *dentro do mesmo parágrafo*, sem adicionar espaçamento extra de parágrafo.Cria uma nova linha diretamente abaixo da anterior, com espaço vertical mínimo.✔Endereços
✔Poesia
✔Listas onde os itens precisam de quebras de linha internas
✔Frases curtas que pertencem juntas

Entender essas diferenças lhe dará controle preciso sobre o layout e a legibilidade do seu conteúdo.

Adicionando Espaço Vertical Personalizado com o Bloco Espaçador

Para uma maneira simples e sem código de adicionar espaço extra entre quaisquer dois blocos, usar o bloco Espaçador integrado é um método altamente intuitivo. Ele oferece controle visual preciso diretamente no editor.

Simplesmente clique no botão 'Adicionar Bloco' no editor para adicionar um novo bloco e pesquise por 'Espaçador'. Assim que você o adicionar, um novo espaço vazio aparecerá em sua página.

Adicionar o bloco Espaçador no WordPress

Você pode então clicar no espaçador e arrastar a alça azul para cima ou para baixo para ajustar sua altura.

Isso lhe dá controle preciso sobre seu espaçamento vertical diretamente no editor.

Espaçador funcionando no editor de blocos

Ajustando a Altura Padrão da Linha e o Espaçamento de Parágrafo

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

Existem duas maneiras de corrigir isso:

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

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

Adicionando Espaçamento de Linha Usando um Plugin

Se você deseja fazer alterações de estilo no seu tema sem ter que aprender código, usar um plugin como CSS Hero é uma ótima maneira de fazer isso. Isso ocorre porque o plugin é confiável por mais de 100.000 sites por seu editor visual intuitivo.

CSS Hero é projetado especificamente para iniciantes e não codificadores, permitindo que você altere visualmente o design do seu site WordPress com alguns cliques – um recurso muito elogiado em sua avaliação média de 4,8/5 estrelas.

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

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

Para alterações estruturais mais extensas no seu tema, como mover uma barra lateral ou adicionar um rodapé, um plugin de construtor de páginas de arrastar e soltar oferece controle visual mais abrangente e ferramentas dedicadas. Isso o torna uma opção mais adequada para essas tarefas.

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

Alterando o Espaçamento de Parágrafo Manualmente com Código CSS

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

CSS (Cascading Style Sheets) é uma linguagem que diz aos navegadores da web como exibir o conteúdo do seu site.

Pense nisso como um conjunto de instruções de estilo, em vez de clicar em botões como no Microsoft Word. Não é tão assustador quanto parece e é bastante fácil de entender assim que você pega o básico.

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

Se você não conseguir ver essas opções de menu, talvez esteja usando um tema de blocos. Consulte nosso artigo sobre como corrigir o personalizador de temas ausente no painel do WordPress.

Adicionando seu CSS personalizado

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

.post p{line-height: 1.5em;}

Esta regra aumenta o espaço entre as linhas dentro de cada parágrafo, tornando seu conteúdo mais fácil de ler.

Lembre-se de que este código assume que seu tema usa .post para conteúdo de blog. Se nada mudar após adicioná-lo, tente substituir .post por .entry-content.

Se você não tem certeza de qual seu tema usa, pode verificar abrindo uma postagem de blog, clicando com o botão direito dentro do texto e selecionando Inspecionar. Em seguida, procure pela classe principal do contêiner de conteúdo (como .post ou .entry-content).

Adicionando CSS personalizado para aumentar a altura da linha

Note que esta propriedade line-height apenas ajusta o espaço vertical entre linhas de texto dentro de cada parágrafo, não o espaço entre parágrafos inteiros.

Se você quiser aumentar o espaço vertical entre parágrafos no WordPress, normalmente adicionaria um padding-bottom aos seus elementos de parágrafo.

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

Sinta-se à vontade para ajustar os números neste código CSS. Alterar o valor de padding-bottom mudará o espaço entre seus parágrafos.

Você também pode adicionar CSS personalizado ao seu site usando o plugin WPCode. Ele é usado por mais de 1,5 milhão de sites e possui uma classificação de 4,9/5 estrelas no WordPress.org por tornar a inserção de código super fácil.

Para mais detalhes, consulte nosso guia sobre como adicionar CSS personalizado ao seu site WordPress.

Se você não gosta de ler as instruções, assista ao nosso tutorial em vídeo.

Tutorial em Vídeo

Para um guia visual, você pode assistir ao nosso tutorial em vídeo abaixo. Ele cobre todos os métodos que discutimos para adicionar espaçamento de linha única e dupla em seu conteúdo.

Inscreva-se no WPBeginner

Perguntas Frequentes Sobre Como Adicionar uma Quebra de Linha no WordPress

Aqui estão algumas perguntas que nossos leitores fizeram com frequência sobre como adicionar uma quebra de linha no WordPress:

Como fazer espaçamento de 1,15 linhas no WordPress?

Você pode definir o espaçamento de 1,15 linhas adicionando CSS personalizado ao seu tema filho ou usando um plugin de trechos de código como o WPCode. Por exemplo, use line-height: 1.15; para os elementos de texto que você deseja ajustar.

Isso lhe dá controle preciso, já que o WordPress não inclui essa opção por padrão.

Espaçamento de 1,5 e 1,15 linhas são a mesma coisa?

Não, o espaçamento de 1,5 e 1,15 são diferentes. Uma altura de linha de 1,5 cria muito mais espaço entre as linhas, enquanto 1,15 mantém o texto mais apertado e compacto.

Como adicionar espaçamento de linha personalizado no WordPress?

Você pode adicionar espaçamento de linha personalizado usando CSS ou uma configuração do editor de blocos. Na maioria dos casos, adicionar um valor de line-height no personalizador do seu tema ou em um plugin de CSS é o método mais fácil.

Qual é a diferença entre um separador e uma quebra de linha no WordPress?

Um separador adiciona uma linha ou espaço visível entre seções, enquanto uma quebra de linha simplesmente move o texto para a próxima linha sem adicionar elementos visuais extras.

Como corrigir quebras de linha indesejadas em títulos do WordPress?

Às vezes, o título da sua postagem ou página do WordPress pode quebrar em várias linhas de forma estranha. Isso geralmente depende do seu tema e do espaço disponível na área do título.

Na maioria dos casos, o WordPress automaticamente quebra títulos longos para se ajustar ao layout. No entanto, se você quiser mais controle, pode ajustá-lo usando CSS.

Por exemplo, você pode evitar quebras de linha em títulos adicionando:

.entry-title {  white-space: nowrap;}

Isso manterá o título em uma única linha, mas cuidado — títulos muito longos podem transbordar em telas menores. Uma abordagem melhor geralmente é encurtar o título ou ajustar as configurações de tipografia do seu tema em vez de forçá-lo em uma linha.

Esperamos que este artigo tenha ajudado você a adicionar uma quebra de linha no WordPress. Você também pode consultar nosso guia sobre como usar padrões de blocos do WordPress e nossa lista dos melhores temas WordPress compatíveis com Gutenberg.

Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que se você clicar em alguns de nossos links, poderemos ganhar uma comissão. Veja como o WPBeginner é financiado, por que isso importa e como você pode nos apoiar. Aqui está nosso processo editorial.

O Kit de Ferramentas Definitivo para WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Interações do Leitor

99 ComentáriosDeixar uma Resposta

  1. Eu não tenho CSS Adicional. Tentei de todas as outras formas alterar o espaçamento dos parágrafos, mas nada funciona, parece uma bagunça. Por favor, ajude!!!

  2. Obrigado pela ajuda. Procurei em todos os lugares e queria fazer isso com um plugin. Você tornou tudo tão fácil. Novamente, muito obrigado.

  3. Olá! Quero ter um espaçamento simples entre meus parágrafos e mesmo depois de pressionar enter (para o espaço duplo), quando pré-visualizo o rascunho, nada mudou (ainda é tudo um parágrafo). Alguém poderia ajudar?

  4. Olá
    Gostaria de modificar a altura da linha e o espaçamento. No entanto, não há um ícone de 'editor' (Aparência » Editor) no arquivo CSS do tema.
    Então, o que posso fazer?
    Obrigado pela sua resposta!

  5. Obrigado, obrigado, obrigado!

    Eu estava em outro editor de HTML e não conseguia descobrir como fazer espaçamento simples.

    Você salvou o dia! :)

  6. Brilhante e um salva-vidas eterno.

    Eu estava lutando com o espaçamento em um dos sites dos meus clientes e é absolutamente incrível que você tenha a resposta exata quase ao alcance dos seus dedos. Agora estou me tornando um assinante permanente

  7. Estou usando o tema Pilcrow e não tenho ideia de como fazer o espaço duplo entre parágrafos acontecer. Às vezes acontece em minhas postagens, mas às vezes não. Quando olho no arquivo HTML, não vejo nenhuma postagem p ou padding. Eu só vejo o resultado final de como a postagem ficará e é quando sei que o espaçamento duplo não funcionou. Posso voltar e re-editar e consertar? Por último, mas não menos importante, onde você diz para ir dos menus aparência para editor, eu não tenho essas opções.
    Eu tenho sob aparência as seguintes opções: temas, personalizar, widgets, menus, cabeçalho, plano de fundo, AMP, Opções do Tema, Mobile.
    Por favor, ajude.

  8. Meu tema está quebrado, no sentido de que ele não tem o espaçamento duplo por padrão. O tema está travado no modo shift+enter, em outras palavras. Então, em relação ao seguinte código:

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

    15px é um espaçamento duplo padrão normal? Quantos pixels deveriam ser por padrão? Além disso, não importa onde eu coloco este código? Obrigado!

  9. Olá: Como faço para ter espaçamento de linha personalizado (digamos, 1.5em) para uma instância em uma página, em vez de alterar o CSS de todo o tema? Vejo que outras duas pessoas fizeram a mesma pergunta sem resposta, pelo menos que eu tenha encontrado. Obrigado!

  10. Que tal simplesmente adicionar algum texto e mudar a cor do texto para branco (se o fundo for branco)? Isso deve possibilitar a criação e personalização de espaços de linha com muito mais facilidade (a menos que, é claro, o fundo seja uma imagem de algo que não pode ser combinado com a cor da fonte).

  11. Olá equipe WPBeginner,

    Tenho uma pergunta diferente. Eu uso o Visual Composer e adicionei muitos divisores Separator with Text entre os títulos das minhas seções na minha página inicial. Eu gostaria de fazer com que esses títulos de texto também sejam um link para essa seção.
    No entanto, toda vez que adiciono o link, perco o texto de identificação da seção que eu tinha no separador e ele é magicamente substituído pelo texto padrão dizendo "TITLE".

    Para tentar transformá-lo em um link, estou adicionando o código de link dentro deste colchete:
    [vc_text_separator title="1950s CARS"]

    Estou coçando a cabeça com tanta força que acho que estou careca. Qualquer ajuda renderá uma vida de gratidão!!!

    Obrigado,
    Mike

  12. Estou usando o tema 'Divi' do WordPress e descobri que, se você pressionar Enter (ou Shift + Enter) duas vezes, para criar um espaço maior, ele é ignorado. Para contornar isso, pressione Enter uma vez, digite um caractere na linha (não importa qual), destaque-o e mude a cor da fonte do caractere para branco e, em seguida, pressione Enter novamente; isso resulta no espaço desejado entre as linhas sem ter que editar o tema. O mesmo se aplica a espaços extras em uma linha; digite quantos caracteres desejar, destaque-os e mude a cor da fonte para branco e, em seguida, continue na cor de fonte desejada.

  13. OBRIGADO!! Eu amo vocês! Que bom que encontrei este site! Quase literalmente bati minha cabeça na parede. Se eu soubesse como inserir emojis, esta postagem estaria coberta de corações e carinhas sorridentes. :-)

  14. Sou assinante do WP Beginner.
    Tive uma dúvida sobre como inserir dados de engenharia para meu produto em meu site. O espaçamento nas tabelas parecia muito grande na página. Pesquisei no suporte do WordPress e tudo o que vi foram respostas ríspidas à questão do espaçamento de linha única.

    Você é o primeiro a responder à pergunta, e obviamente estava correto. Obrigado.

    Atenciosamente,

    Dave

  15. E no Android? A última atualização forçou um espaçamento duplo (novo parágrafo). Não é muito bom para poetas. Existe alguma maneira de reverter para o espaçamento único?

  16. Obrigado por "shift" e enter para espaçamento de linha única, pois eu queria descobrir isso há anos... e nunca cheguei a encontrar a solução.

  17. Estou procurando uma resposta em todo lugar… quando adiciono um
    no editor de texto, ele é removido no editor visual. Isso me deixa louco. O wpbeginner tem alguma recomendação?

    Devo adicionar um plugin para parar isso?

    Tentei um plugin anos atrás, mas tive que voltar e reformatar cada post.

    Qualquer link com tutorial ou conselho é muito apreciado!

  18. Obrigado por artigos tão maravilhosos
    Eu estava completamente perdido quando comecei com o WordPress, mas agora tenho uma ideia básica
    Obrigado :)

  19. Obrigado! Isso me ajudou a otimizar meus posts — exceto o primeiro parágrafo de cada post. Por algum motivo, as linhas parecem ter espaçamento duplo. Existe um trecho de código que eu poderia adicionar ao Editar CSS que me permitiria otimizá-las?

  20. Obrigado! Adicionar o trecho (.post p{line-height: 1.5em;}) ao meu Editar CSS tornou meu texto muito mais fácil de ler. Agora, aqui está o meu problema: o parágrafo de abertura em cada post do WordPress tem um espaçamento de linha muito maior do que os outros parágrafos — e NÃO é afetado por este trecho de código de altura de linha. Existe outro trecho de código que eu poderia adicionar ao Editar CSS que otimizaria essas linhas de abertura?

  21. Obrigado pelo tutorial. No entanto, como posso ajustar o espaçamento de linha de um único parágrafo? Tenho um título de 3 palavras, centralizado e empilhado em 3 linhas. Todas as linhas têm tamanhos de fonte diferentes, então os espaçamentos de linha são inconsistentes. Tenho procurado uma maneira de ajustar facilmente através de uma ferramenta de editor de texto ou plugin.

    Alguma ideia?

  22. “Se você não encontrar a tag .post p, então simplesmente crie uma.”
    Onde? devo apenas copiar/colar em qualquer lugar no arquivo css?

  23. Eu nem sou um verdadeiro "iniciante", mas há lacunas no meu conhecimento e você acabou de resolver uma das coisas mais frustrantes sobre WP para este escritor e usuário do Word… Obrigado por isso e por todas as suas informações fantásticas… Continuo aprendendo coisas ótimas com seus posts e seu site. Obrigado e um brinde a você!

Deixe uma resposta

Obrigado por escolher deixar um comentário. Por favor, tenha em mente que todos os comentários são moderados de acordo com nossa política de comentários, e seu endereço de e-mail NÃO será publicado. Por favor, NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.