Es una nimiedad y, aun así, en las formaciones cuesta minutos con regularidad: escribe usted una dirección, pulsa Intro para la línea siguiente — y de pronto se abre un hueco tres veces mayor de lo que quería. La causa se explica rápido, y la solución es una tecla.
Por qué Intro genera demasiada separación
En el widget de texto de Elementor trabaja un editor clásico. Cuando pulsa ahí Intro, no genera un salto de línea, sino un párrafo nuevo — en el código fuente, un nuevo elemento <p>.
Los párrafos llevan de serie una separación inferior. Viene de su tema o de los ajustes globales de tipografía y equivale típicamente a algo menos de una altura de línea. Para el texto corrido eso es justo lo correcto: los párrafos deben separarse visualmente. Para una dirección, una lista de horarios de apertura o un título de dos líneas es muchísimo.
La solución: Mayús + Intro
Mantenga pulsada la tecla de mayúsculas al cambiar de línea. Mayús + Intro genera un salto de línea de verdad — en el código fuente, un <br> — sin párrafo nuevo y, por tanto, sin separación adicional.
Así se ve la diferencia en la práctica:
Con Intro:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
Con Mayús + Intro:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
Esta misma regla vale, por cierto, en casi cualquier editor web — en el propio WordPress, en muchos gestores de contenido y en bastantes herramientas de newsletter. Aquí no aprende usted, pues, solo un truco de Elementor.
Dónde sirve también
En el widget de título, Mayús+Intro funciona igual. Si quiere partir un título largo en un punto concreto, en vez de dejar al azar del ancho de ventana dónde cae el salto, ese es el camino correcto.
En el texto del botón también, por si necesita rótulos de dos líneas — úselo con moderación, los botones de dos líneas resultan inquietos enseguida.
Cuándo Mayús+Intro es la respuesta equivocada
Y ahora la parte que falta en la mayoría de los tutoriales. Un salto de línea forzado es un recurso de diseño, no estructural. Hay tres casos en los que no debería usarlo.
Primero: en párrafos de verdad. Si dos bloques de texto están separados por su contenido, corresponden a dos párrafos. Entonces Intro es lo correcto, y si la separación no le gusta, cámbiela de forma centralizada — sobre eso, enseguida.
Segundo: en enumeraciones. Tres líneas con Mayús+Intro parecen una lista, pero no lo son. Para los lectores de pantalla y para los buscadores es un bloque de texto continuo. Si es una lista, use una lista.
Tercero: para generar espacios. Varias líneas vacías seguidas para conseguir aire entre dos elementos — eso se paga en el móvil, donde las líneas se parten de otra manera y la separación de repente ya no cuadra. Use para eso los márgenes exteriores en «Avanzado» o un widget separador.
Cuando la separación entre párrafos no cuadra en general
Si nota que está constantemente peleando contra la separación entre párrafos, Mayús+Intro es solo un parche. Entonces lo que falla es el ajuste global.
Cámbielo de forma centralizada: en el menú de Elementor, en Ajustes del sitio → Tipografía. Ahí fija de una vez correctamente la separación estándar de los párrafos, y rige en todo el sitio web. Esa es la solución limpia — y le ahorra el trabajo manual en cada página. Cómo montar con criterio ese tipo de definiciones centrales lo describo en Colores y tipografías globales en Elementor.
Si la separación solo falla en un punto concreto, trabaje en el widget afectado con un valor negativo hacia abajo en Avanzado → Margen exterior. Úselo con moderación — quien hace eso en veinte sitios tiene en realidad un problema global.
Tema emparentado: el interlineado
El salto de línea y el interlineado se confunden a menudo. El salto determina dónde termina una línea; el interlineado determina cuánto aire hay entre las líneas. Si su texto parece apretado o desgarrado, normalmente se refiere usted a lo segundo — sobre eso tengo un artículo propio: Ajustar bien el interlineado en Elementor.
Elementor Pro: estos ajustes están en el mismo sitio tanto en la versión gratuita como en la Pro. Pro solo resulta interesante cuando quiera controlar también de forma central la tipografía de la cabecera, del diseño del blog y de los popups. Ver Elementor Pro
Si prefiere no ir reuniendo estos detalles uno a uno, sino aprenderlos por orden, mi formación de Elementor es el camino directo.
Etiquetas