Come aggiungere un’interruzione di riga in WordPress (nuova interlinea)

Volete aggiungere un’interruzione di riga in WordPress o regolare l’interlinea tra i blocchi?

Nella maggior parte degli elaboratori di testo è possibile aggiungere facilmente uno spazio vuoto in più premendo alcune volte il tasto Invio. È anche possibile creare linee a doppia spaziatura dopo i paragrafi dalle opzioni di formattazione. Tuttavia, l’editor di blocchi di WordPress non ha questi pulsanti.

In questo articolo vi mostreremo come aggiungere facilmente un’interruzione di riga in WordPress.

Prima di iniziare, è importante sapere che l’interlinea è controllata dal tema WordPress utilizzato.

Vi mostreremo come aggiungere lo spazio tra i blocchi nell’editor dei blocchi e come modificare l’interlinea nel vostro tema se non siete soddisfatti del risultato.

Video tutorial

Se il video non vi piace o avete bisogno di ulteriori istruzioni, continuate a leggere.

Aggiunta di una doppia linea di spazio tra i blocchi

Quando si preme il tasto Invio per Windows o il tasto Return per Mac sulla tastiera per aggiungere un’interruzione di riga, WordPress la considera come un nuovo paragrafo.

Ciò significa che aggiungerà automaticamente il doppio spazio di riga, a condizione che il vostro tema abbia lo stile adatto (tutti i buoni temi di WordPress ce l’hanno).

È sufficiente andare nell’editor dei contenuti, premere il tasto Invio o Return dopo la riga e poi digitare qualcos’altro nella riga successiva.

Così facendo, in base allo stile del tema, si dovrebbe vedere una chiara distinzione tra i paragrafi.

Aggiunta di spazio su una riga singola

Ora, se state scrivendo qualcosa come un indirizzo, probabilmente vorrete che sia a spaziatura singola anziché doppia sul vostro sito WordPress.

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

Questo indica a WordPress che si vuole iniziare una nuova riga all’interno di un paragrafo esistente. Pertanto, ha bisogno di un’interlinea singola rispetto a un’interlinea doppia.

Modificare l’altezza e la spaziatura delle linee

A volte, anche quando si aggiunge l’interlinea corretta nell’editor, non viene visualizzata nel modo desiderato nel tema.

Ci sono due modi per risolvere il problema:

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

Vediamo prima il metodo più semplice.

Aggiunta dell’interlinea con un plugin

Se volete apportare modifiche di stile al vostro tema senza dover imparare il codice, utilizzare un plugin come CSS Hero è il modo migliore per farlo.

CSS Hero consente di modificare facilmente il design del vostro sito WordPress senza conoscere alcun codice.

Per maggiori dettagli, consultate la nostra recensione completa di CSS Hero.

Se si desidera apportare modifiche più importanti al tema, come lo spostamento di una barra laterale o l’aggiunta di un piè di pagina, un plugin per la creazione di pagine con trascinamento è l’opzione migliore. Un plugin per la creazione di pagine consente anche di apportare piccole modifiche, come la modifica dei colori dei caratteri o l’aggiunta di interruzioni di riga in WordPress.

Non volete usare un plugin o dovete solo apportare una modifica? Allora l’opzione del codice CSS manuale potrebbe fare al caso vostro.

Modificare la spaziatura dei paragrafi manualmente con il codice CSS

Per aggiungere manualmente le interruzioni di riga senza un plugin, è necessario aggiungere alcuni CSS al tema.

I CSS sono fondamentalmente come la funzione di formattazione di Microsoft Word. Invece di cliccare sui pulsanti, dovrete scrivere del semplice codice CSS. Non è così spaventoso come alcuni principianti potrebbero pensare. I CSS sono molto facili da capire se si seguono le istruzioni.

Per aggiungere CSS personalizzati al tema, è necessario visitare la pagina Aspetto ” Personalizza. Si aprirà il personalizzatore del tema di WordPress, dove è necessario fare clic sulla scheda “CSS aggiuntivi” nella colonna di sinistra.

Se non è possibile visualizzare queste opzioni di menu, è possibile che si stia utilizzando un tema a blocchi. Consultate il nostro articolo su come risolvere la mancanza del personalizzatore di temi nell’amministrazione di WordPress.

Nella casella CSS personalizzato, è necessario aggiungere il seguente codice CSS:

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

La regola CSS mostrata sopra modifica l’interlinea del contenuto del paragrafo a 1,5em. Em è un’unità di larghezza per la tipografia.

Stiamo utilizzando la classe .post, che WordPress aggiunge automaticamente all’area del contenuto di tutti i post per assicurarsi che abbia effetto solo sui post e non sui paragrafi utilizzati altrove.

Ora, questo cambia solo la spaziatura della spaziatura singola.

Se si desidera modificare la spaziatura dei paragrafi in WordPress (cioè la spaziatura doppia), è necessario aggiungere il padding.

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

Sentitevi liberi di adattare i numeri alle vostre esigenze e di aggiungere la doppia spaziatura nell’HTML.

È inoltre possibile aggiungere CSS personalizzato al sito utilizzando il plugin WPCode. Il plugin rende molto semplice l’inserimento e la gestione del codice sul vostro sito.

Per maggiori dettagli, consultate la nostra guida su come aggiungere CSS personalizzati al vostro sito WordPress.

Speriamo che questo articolo vi abbia aiutato ad aggiungere un’interruzione di riga in WordPress. Vi consigliamo di consultare anche la nostra guida su come aprire un blog su WordPress e i migliori servizi di email marketing per le piccole imprese.

Se questo articolo vi è piaciuto, iscrivetevi al nostro canale YouTube per le esercitazioni video su WordPress. Potete trovarci anche su Twitter e Facebook.