La flessibilità dei blocchi di Gutenberg è riscontrabile anche nella facilità con cui possiamo applicare degli stili CSS personalizzati in modo mirato, creando le relative classi nella sezione Personalizza di WordPress e poi inserendole nell’opzione Avanzate del blocco che vogliamo influenzare.
Anche se la giustificazione del testo viene spesso sconsigliata sul Web, ed è stata infatti disabilitata anche nell’editor classico di WordPress già dalla versione 4.7 del CMS, mi servirò proprio di uno stile CSS per introdurre questo stile in modo che si possa applicare a un blocco di testo. Ecco di seguito le immagini con istruzioni in didascalia dei tre passaggi da compiere per ottenere questo risultato (o qualsiasi altro legato all’uso di classi CSS personalizzate) nei blocchi di Gutenberg.
Il codice che utilizzeremo come esempio nel prossimo step è il seguente:
/* --- Stile per testo giustificato in Gutenberg --- */
.testo-giustificato {
text-align: justify;
}
Se il risultato non dovesse essere visibile in tempo reale, ci basterà aggiornare e visualizzare il contenuto nel frontend, oppure con l’Anteprima.
Lo stesso procedimento può essere utilizzato, naturalmente, per qualsiasi altro stile vogliate, variando semplicemente il codice.
Ciao come faccio invece a dare più spazio tra le righe di un titolo ad esempio un H3?
Puoi usare lo stile CSS “line height”, applicandolo nel tuo caso all’H3 anziché al testo standard. Qui trovi un po’ di info: https://www.html.it/articoli/capire-e-usare-il-line-height/
Naturalmente dovrai poi applicare tali informazioni all’H3, quando lo definisci, per esempio:
h3, .h3 {
line-height: 23px;
margin-top:0px;
}