È una piccolezza, eppure nei corsi costa regolarmente qualche minuto: scrive un indirizzo, preme Invio per andare a capo — e all'improvviso si apre uno spazio grande il triplo del previsto. La causa si spiega in fretta e la soluzione è un tasto.
Perché Invio genera troppo spazio
Nel widget Testo di Elementor lavora un editor classico. Quando lì preme Invio, non ottiene un'interruzione di riga, ma un nuovo paragrafo — nel codice sorgente un nuovo elemento <p>.
I paragrafi hanno di serie uno spazio verso il basso. Arriva dal suo tema o dalle impostazioni globali di tipografia e corrisponde tipicamente a poco meno di un'altezza di riga. Per il testo corrente è esattamente ciò che serve: i paragrafi devono separarsi otticamente. Per un indirizzo, un elenco di orari di apertura o un titolo su due righe è decisamente troppo.
La soluzione: Shift + Invio
Tenga premuto il tasto delle maiuscole mentre va a capo. Shift + Invio genera una vera interruzione di riga — nel codice sorgente un <br> — senza nuovo paragrafo e quindi senza spazio aggiuntivo.
Ecco come si vede la differenza nella pratica:
Con Invio:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
Con Shift + Invio:
Martin Pletzenauer
Hochtennstraße 3a
5700 Zell am See
La stessa regola vale del resto in quasi ogni editor web — in WordPress stesso, in molti CMS e in parecchi strumenti per newsletter. Qui non impara quindi soltanto un trucco di Elementor.
Dove funziona ancora
Nel widget Titolo Shift+Invio funziona allo stesso modo. Se vuole spezzare un titolo lungo in un punto preciso, invece di lasciare al caso della larghezza della finestra dove finisce l'interruzione, questa è la strada giusta.
Nel testo del pulsante vale lo stesso, nel caso le servano diciture su due righe — da usare con parsimonia, i pulsanti su due righe diventano in fretta inquieti.
Quando Shift+Invio è la risposta sbagliata
E adesso la parte che manca nella maggior parte delle guide. Un'interruzione di riga forzata è uno strumento grafico, non strutturale. Ci sono tre casi in cui non dovrebbe usarla.
Primo: con i paragrafi veri. Se due blocchi di testo sono separati dal punto di vista del contenuto, devono stare in due paragrafi. Allora Invio è corretto, e se lo spazio non le piace, lo cambia centralmente — tra poco di più.
Secondo: con gli elenchi. Tre righe con Shift+Invio sembrano un elenco, ma non lo sono. Per gli screen reader e per i motori di ricerca è un blocco di testo unico. Se è un elenco, usi un elenco.
Terzo: per creare spazi. Più righe vuote di seguito per ottenere aria tra due elementi — la si paga sul cellulare, dove le righe vanno a capo diversamente e lo spazio all'improvviso non torna più. Per questo usi i margini esterni sotto „Avanzate“ oppure un widget spaziatore.
Se lo spazio tra i paragrafi non va bene in generale
Se si accorge di combattere continuamente contro lo spazio tra i paragrafi, Shift+Invio è solo un cerotto. In quel caso è l'impostazione globale a non tornare.
La cambi centralmente: nel menu di Elementor sotto Impostazioni sito → Tipografia. Lì imposta una volta correttamente lo spazio standard per i paragrafi, e vale su tutto il sito. Questa è la soluzione pulita — e le risparmia il lavoro manuale su ogni singola pagina. Come impostare in modo sensato queste regole centrali lo descrivo in Colori e caratteri globali in Elementor.
Se lo spazio non va bene solo in un punto isolato, lavori nel widget interessato sotto Avanzate → Margine esterno con un valore negativo verso il basso. Da usare con parsimonia — chi lo fa in venti punti ha in realtà un problema globale.
Tema affine: l'interlinea
Interruzione di riga e interlinea vengono spesso confuse. L'interruzione stabilisce dove finisce una riga; l'interlinea stabilisce quanta aria c'è tra le righe. Se il suo testo appare compresso o strappato, di solito si intende la seconda — a questo ho dedicato un contributo a parte: Impostare correttamente l'interlinea in Elementor.
Elementor Pro: queste impostazioni si trovano nello stesso punto sia nella versione gratuita sia nella Pro. Pro diventa interessante solo quando vuole gestire centralmente la tipografia anche nell'intestazione, nel layout del blog e nei popup. Scopri Elementor Pro
Se non vuole raccogliere questi dettagli uno per uno, ma impararli in ordine, il mio corso Elementor è la via diretta.
Tag