É uma minúcia e, mesmo assim, custa regularmente alguns minutos nas formações: você escreve uma morada, carrega em Enter para passar à linha seguinte — e de repente abre-se um espaço três vezes maior do que pretendia. A causa explica-se depressa, e a solução é uma tecla.
Porque é que o Enter cria demasiado espaço
No widget de texto do Elementor trabalha um editor clássico. Quando você carrega em Enter, ele não cria uma quebra de linha, mas sim um novo parágrafo — no código-fonte, um novo elemento <p>.
Os parágrafos têm, à partida, um espaçamento inferior. Esse valor vem do seu tema ou das definições globais de tipografia e situa-se tipicamente perto de uma altura de linha. Para texto corrido é exatamente o que se quer: os parágrafos devem separar-se visualmente. Para uma morada, uma lista de horários ou um título de duas linhas é demasiado.
A solução: Shift + Enter
Mantenha a tecla Shift premida ao mudar de linha. Shift + Enter cria uma verdadeira quebra de linha — no código-fonte um <br> — sem novo parágrafo e, portanto, sem espaçamento adicional.
Assim se vê a diferença na prática:
Com Enter:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
Com Shift + Enter:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
A mesma regra vale, aliás, em quase todos os editores web — no próprio WordPress, em muitos CMS e em bastantes ferramentas de newsletter. Aqui você não aprende apenas um truque de Elementor.
Onde mais funciona
No widget de título o Shift+Enter funciona da mesma forma. Se quiser quebrar um título longo num ponto determinado, em vez de deixar ao acaso da largura da janela onde a quebra vai cair, este é o caminho certo.
No texto de botões também, caso precise de legendas em duas linhas — use com parcimónia, botões de duas linhas depressa parecem confusos.
Quando o Shift+Enter é a resposta errada
E agora a parte que falta na maioria dos tutoriais. Uma quebra de linha rígida é um recurso gráfico, não estrutural. Há três casos em que não a deve usar.
Primeiro: em parágrafos reais. Se dois blocos de texto estão separados quanto ao conteúdo, pertencem a dois parágrafos. Aí o Enter está certo e, se o espaçamento não lhe agradar, altere-o centralmente — já lá vamos.
Segundo: em enumerações. Três linhas com Shift+Enter parecem uma lista, mas não são. Para leitores de ecrã e para motores de busca aquilo é um bloco de texto contínuo. Se é uma lista, use uma lista.
Terceiro: para criar espaçamentos. Várias linhas vazias seguidas para ganhar ar entre dois elementos — isso vinga-se no telemóvel, onde as linhas quebram de outra maneira e o espaçamento deixa de encaixar. Para isso use as margens exteriores em „Avançado“ ou um widget espaçador.
Quando o espaçamento entre parágrafos não encaixa de todo
Se você reparar que está constantemente a lutar contra o espaçamento entre parágrafos, o Shift+Enter é apenas um penso rápido. Nesse caso, a definição global está errada.
Altere-a centralmente: no menu do Elementor, em Definições do site → Tipografia. Aí define o espaçamento padrão dos parágrafos uma única vez, e ele vale para todo o site. É a solução limpa — e poupa-lhe o trabalho manual em cada página. Como montar sensatamente essas definições centrais, descrevo em Cores e tipos de letra globais no Elementor.
Se o espaçamento só não encaixa num sítio específico, trabalhe no widget em causa em Avançado → Margem exterior com um valor negativo em baixo. Use com parcimónia — quem faz isso em vinte sítios tem, na verdade, um problema global.
Tema relacionado: a altura de linha
Quebra de linha e altura de linha são frequentemente confundidas. A quebra determina onde uma linha termina; a altura de linha determina quanto ar fica entre as linhas. Se o seu texto parece apertado ou esticado, normalmente é do segundo — sobre isso tenho um artigo próprio: Definir corretamente a altura de linha no Elementor.
Elementor Pro: Estas definições existem no mesmo sítio, tanto na versão gratuita como na Pro. A Pro só se torna interessante quando você quiser controlar a tipografia também no cabeçalho, no layout do blogue e nos popups de forma centralizada. Ver o Elementor Pro
Se não quiser juntar estes pormenores um a um, mas antes aprendê-los por ordem, a minha formação em Elementor é o caminho direto.
Etiquetas