Come aggiungere un'interruzione di riga in WordPress (spaziatura tra nuove righe)

Hai mai notato come alcuni siti web abbiano contenuti perfettamente spaziati e facili da scansionare, mentre altri sembrano affollati e difficili da leggere?

Il segreto spesso si riduce a qualcosa di semplice: usare efficacemente nuove righe e spaziature.

Se hai mai aggiunto interruzioni di riga nel tuo editor di WordPress solo per scoprire che non vengono visualizzate sulla tua pagina pubblicata, non sei assolutamente solo. WordPress gestisce la spaziatura in modo leggermente diverso rispetto ai word processor come Google Docs o Microsoft Word.

Una volta che capisci come funziona, però, avrai il controllo completo sull'aspetto dei tuoi contenuti.

Ti mostreremo diversi metodi affidabili per aggiungere interruzioni di riga in WordPress, dalle scorciatoie rapide da tastiera a opzioni di formattazione più avanzate.

Iniziamo con i modi più semplici per aggiungere un'interruzione di riga.

Perché aggiungere un'interruzione di riga in WordPress (spaziatura tra nuove righe)?

A prima vista, un'interruzione di riga potrebbe sembrare una piccola scelta di formattazione, ma può avere un grande impatto sulle prestazioni dei tuoi contenuti.

Dal miglioramento della leggibilità al potenziamento dell'esperienza utente, l'aggiunta di una spaziatura corretta rende le tue pagine pulite e professionali. Ecco perché è importante:

• Migliore leggibilità: Interrompe blocchi di testo per una scansione più facile.
• Mobile-friendly: Mantiene i contenuti chiari su schermi più piccoli.
• Corregge il testo incollato: Pulisce la formattazione da altre fonti.
• Attira l'attenzione: Aiuta i suggerimenti e le CTA a risaltare.

In breve, le interruzioni di riga rendono il tuo contenuto più facile da leggere e più coinvolgente, sia per i visitatori che per i motori di ricerca.

Detto questo, diamo un'occhiata a come aggiungere facilmente un'interruzione di riga in WordPress.

Come aggiungere un'interruzione di riga in WordPress (Metodi rapidi)

In WordPress, puoi facilmente aggiungere interruzioni di riga usando la tastiera. Per creare uno spazio tra doppie righe (nuovo paragrafo), premi semplicemente il tasto Invio (o Return su Mac).

Per uno spazio tra singole righe all'interno dello stesso paragrafo, tieni premuto Maiusc + Invio (o Maiusc + Return su Mac). Questi sono i modi più rapidi per controllare la spaziatura nell'editor a blocchi.

Come aggiungere un nuovo paragrafo (Spaziatura predefinita)

Quando premi il tasto Invio (Windows) o il tasto Return (Mac) sulla tastiera, stai creando quello che viene spesso definito un "a capo forzato" o un'interruzione di nuovo paragrafo.

WordPress crea un nuovo paragrafo. Per impostazione predefinita, il tuo tema aggiunge dello spazio verticale tra i paragrafi, il che aiuta a separare i tuoi pensieri e a rendere il contenuto più facile da leggere.

L'esatta quantità di questo spazio è controllata dal design del tuo tema.

Vai semplicemente all'editor di contenuti, premi il tasto Invio o Return dopo la riga, e poi digita qualcos'altro nella riga successiva.

Semplicemente facendo ciò, in base allo stile del tuo tema, dovresti vedere una chiara distinzione tra i paragrafi.

Come aggiungere uno spazio tra singole righe (Ritorno morbido / Interruzione di riga all'interno del paragrafo)

Ora, se stai scrivendo qualcosa come un indirizzo o una poesia e desideri un'interruzione di riga a spaziatura singola senza iniziare un nuovo paragrafo, dovrai usare un "a capo morbido".

In questo caso, è necessario premere il tasto SHIFT + INVIO su Windows o il tasto SHIFT + RETURN su Mac.

Questo dice a WordPress che vuoi iniziare una nuova riga ma mantenerla parte dello stesso paragrafo.

Questa azione crea un "a capo" o un'interruzione di riga singola (utilizzando un tag HTML <br>), il che significa che non ci sarà lo spazio verticale extra che si ottiene con un nuovo paragrafo.

È un metodo utile per ripulire il testo incollato da altre origini che potrebbero avere interruzioni di riga doppie eccessive; è sufficiente eliminare le interruzioni di paragrafo extra e reinserire interruzioni di riga singole con Shift + Invio secondo necessità.

Aggiungere spazio verticale personalizzato con il Blocco Spaziatore

Per un modo semplice e senza codice per aggiungere spazio extra tra due blocchi qualsiasi, l'utilizzo del blocco Spacer integrato è un metodo molto intuitivo. Offre un controllo visivo preciso direttamente nell'editor.

Fai semplicemente clic sul pulsante 'Aggiungi blocco' nell'editor per aggiungere un nuovo blocco e cerca 'Spaziatore'. Una volta aggiunto, apparirà un nuovo spazio vuoto sulla tua pagina.

Puoi quindi fare clic sullo spaziatore e trascinare la maniglia blu su o giù per regolarne l'altezza.

Questo ti dà un controllo preciso sulla spaziatura verticale direttamente nell'editor.

Regolazione dell'altezza predefinita della riga e della spaziatura dei paragrafi

A volte, anche quando aggiungi la spaziatura corretta nell'editor, non viene visualizzata come desideri nel tuo tema.

Ci sono due modi per risolvere il problema:

1. Utilizzo di un plugin (il modo più semplice)
2. Manualmente con codice CSS (più avanzato)

Diamo un'occhiata prima al metodo più semplice.

Aggiungere spaziatura tra le righe utilizzando un plugin

Se desideri apportare modifiche stilistiche al tuo tema senza dover imparare a programmare, l'utilizzo di un plugin come CSS Hero è un ottimo modo per farlo. Questo perché il plugin è considerato affidabile da oltre 100.000 siti web per il suo editor visivo intuitivo.

CSS Hero è specificamente progettato per principianti e non programmatori, consentendoti di modificare visivamente il design del tuo sito WordPress con pochi clic, una funzionalità molto apprezzata nella sua valutazione media di 4,8/5 stelle.

Puoi vedere maggiori dettagli nella nostra recensione completa di CSS Hero.

Per modifiche strutturali più estese al tuo tema, come lo spostamento di una barra laterale o l'aggiunta di un piè di pagina, un plugin page builder drag-and-drop offre un controllo visivo più completo e strumenti dedicati. Questo lo rende un'opzione più adatta per tali attività.

Non vuoi usare un plugin, o hai solo bisogno di apportare questa singola modifica? Allora, l'opzione del codice CSS manuale potrebbe essere la migliore per te.

Modificare la spaziatura dei paragrafi manualmente con codice CSS

Per aggiungere interruzioni di riga manualmente senza un plugin, devi aggiungere del CSS al tuo tema.

CSS (Cascading Style Sheets) è un linguaggio che indica ai browser web come visualizzare i contenuti del tuo sito web.

Pensalo come un set di istruzioni per lo stile, piuttosto che fare clic su pulsanti come in Microsoft Word. Non è spaventoso come sembra ed è abbastanza facile da capire una volta afferrate le basi.

Per aggiungere CSS personalizzato al tuo tema, devi visitare la pagina Aspetto » Personalizza. Questo avvierà il personalizzatore del tema di WordPress, dove dovrai fare clic sulla scheda 'CSS aggiuntivo' nella colonna di sinistra.

Se non vedi queste opzioni di menu, potresti star usando un tema a blocchi. Consulta il nostro articolo su come correggere la mancanza del personalizzatore del tema nell'amministrazione di WordPress.

Nella casella CSS personalizzato, devi aggiungere il seguente codice CSS:

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

Questa regola aumenta lo spazio tra le righe all'interno di ciascun paragrafo, rendendo i tuoi contenuti più facili da leggere.

Tieni presente che questo codice presuppone che il tuo tema utilizzi .post per i contenuti del blog. Se non cambia nulla dopo averlo aggiunto, prova a sostituire .post con .entry-content.

Se non sei sicuro di quale utilizzi il tuo tema, puoi verificarlo aprendo un post del blog, facendo clic con il pulsante destro del mouse all'interno del testo e selezionando Ispeziona. Quindi, cerca la classe del wrapper del contenuto principale (come .post o .entry-content).

Nota che questa propriet line-height regola solo lo spazio verticale tra le righe di testo all'interno di ciascun paragrafo, non lo spazio tra interi paragrafi.

Se desideri aumentare lo spazio verticale tra i paragrafi in WordPress, in genere aggiungeresti un padding-bottom ai tuoi elementi paragrafo.

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

Sentiti libero di regolare i numeri in questo codice CSS. La modifica del valore padding-bottom cambier lo spazio tra i tuoi paragrafi.

Puoi anche aggiungere CSS personalizzato al tuo sito utilizzando il plugin WPCode. Viene utilizzato da oltre 1,5 milioni di siti Web e vanta una valutazione di 4,9/5 stelle su WordPress.org per rendere l'inserimento del codice super facile.

Per maggiori dettagli, consulta la nostra guida su come aggiungere CSS personalizzato al tuo sito WordPress.

Se non ti piace leggere le istruzioni, guarda il nostro video tutorial.

Tutorial video

Per una guida visiva, puoi guardare il nostro video tutorial qui sotto. Copre tutti i metodi che abbiamo discusso per aggiungere spaziatura di riga singola e doppia nel tuo contenuto.

Domande frequenti sull'aggiunta di un'interruzione di riga in WordPress

Ecco alcune domande che i nostri lettori hanno chiesto frequentemente sull'aggiunta di un'interruzione di riga in WordPress:

Come impostare l'interlinea 1.15 in WordPress?

Puoi impostare l'interlinea 1.15 aggiungendo CSS personalizzato al tuo tema figlio o utilizzando un plugin per snippet di codice come WPCode. Ad esempio, usa line-height: 1.15; per gli elementi di testo che desideri regolare.

Ci ci questo ti d controllo preciso poiché WordPress non include questa opzione per impostazione predefinita.

L'interlinea 1.5 e 1.15 sono uguali?

No, l'interlinea 1.5 e 1.15 sono diverse. Un'altezza di riga 1.5 crea molto più spazio tra le righe, mentre 1.15 mantiene il testo pi compatto.

Come aggiungere un'interlinea personalizzata in WordPress?

Puoi aggiungere un'interlinea personalizzata utilizzando il CSS o un'impostazione dell'editor a blocchi. Nella maggior parte dei casi, l'aggiunta di un valore line-height nel personalizzatore del tema o in un plugin CSS il metodo pi facile.

Qual la differenza tra un separatore e un'interruzione di riga in WordPress?

Un separatore aggiunge una linea visibile o uno spazio tra le sezioni, mentre un'interruzione di riga sposta semplicemente il testo alla riga successiva senza aggiungere elementi visivi aggiuntivi.

Come correggere le interruzioni di riga indesiderate nei titoli di WordPress?

A volte il titolo del tuo post o della tua pagina WordPress va a capo su pi linee in modo imbarazzante. Questo di solito dipende dal tuo tema e dallo spazio disponibile nell'area del titolo.

Nella maggior parte dei casi, WordPress va automaticamente a capo con i titoli lunghi per adattarli al layout. Tuttavia, se desideri un maggiore controllo, puoi regolarlo utilizzando il CSS.

Ad esempio, puoi impedire le interruzioni di riga nei titoli aggiungendo:

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

Ci manterr il titolo su una singola riga, ma fai attenzione: titoli molto lunghi potrebbero traboccare su schermi pi piccoli. Un approccio migliore di solito accorciare il titolo o regolare le impostazioni tipografiche del tuo tema invece di forzarlo in una riga.

Speriamo che questo articolo ti abbia aiutato ad aggiungere un'interruzione di riga in WordPress. Potresti anche voler consultare la nostra guida su come usare i pattern di blocchi di WordPress e il nostro elenco dei migliori temi WordPress compatibili con Gutenberg.

Se ti è piaciuto questo articolo, iscriviti al nostro Canale YouTube per tutorial video su WordPress. Puoi trovarci anche su Twitter e Facebook.