Come usare i “Blocchi di Testo” in Gutenberg

In questo video daremo un’occhiata ai vari blocchi di testo che sono inclusi di default in WordPress.

Per iniziare apro la libreria dei blocchi, cliccando l’icona “+” nell’angolo in alto a sinistra.

Ora, se hai installato plugin di terze parti sul tuo sito che aggiungono i loro blocchi, potresti vedere più blocchi o sezioni in questa libreria.

E ricorda che puoi aprire il “gestore dei blocchi”  nelle “opzioni” per determinare quali blocchi saranno visualizzati nella tua libreria.

Clicca il checkbox a fianco ogni specifico blocco oppure quello a fianco di intere categorie per mostrare o nascondere i blocchi che vuoi usare sul tuo sito.

Ok, tornando alla libreria dei blocchi, diamo un’occhiata ai blocchi di “testo”.

Abbiamo già visto come aggiungere un blocco “paragrafo”, il quale probabilmente sarà il più utilizzato, sappiamo come aggiungere “titoli”, e ora aggiungiamo una lista.

Questo blocco è abbastanza semplice, ti permette di aggiungere un elenco puntato o numerato;  puoi facilmente convertire un elenco puntato o non ordinato in un elenco numerato e ordinato in qualsiasi momento.

Puoi far rientrare o riallineare elementi specifici nell’elenco.

Quindi aggiungiamo un blocco “citazione”: questa volta invece di aprire la libreria dei blocchi o selezionare il pulsante “Aggiungi blocco” digito semplicemente una barra per far apparire un elenco dei blocchi più comuni; se inizi a digitare il nome di un particolare blocco, puoi aggiungere rapidamente quel blocco alla tua pagina o al tuo post.

Aggiungo un nuovo blocco “citazione”, quindi incollo il testo da una citazione e digito il nome dell’autore appena sotto.

Possiamo selezionare e formattare il testo in questa “citazione” e se clicco il pulsante in alto a sinistra nella barra degli strumenti posso trasformare questo blocco in un altro di diverso tipo.

Possiamo scegliere tra un paio di stili diversi per il blocco “citazione”. Lo stile predefinito, o normale, include solo il testo normale ma possiamo attirare ancora più attenzione su questa citazione scegliendo lo “stile grande” e, se trasformiamo questo blocco in una “citazione in evidenza”, otteniamo ancora più opzioni. Ora la citazione appare in un carattere grande con molto spazio bianco intorno e possiamo allineare la citazione a sinistra o a destra nella nostra pagina. Ma possiamo anche scegliere larghezza ampia o larghezza piena e, soprattutto, le impostazioni per questo blocco ci consentono di scegliere tra questo stile predefinito o a tinta unita. Puoi cambiare il colore dello sfondo o il testo stesso nelle “impostazioni colore”.

Ora utilizziamo un blocco “codice”: questo blocco è ottimo per visualizzare frammenti di codice ai tuoi lettori perché utilizza una finestra mono-spazio per preservare la spaziatura e le tabulazioni. Non ci sono altre opzioni di formattazione per il blocco “codice”.

Quindi, se desideri visualizzare del testo su una pagina o pubblicare esattamente nel modo in cui hai digitato, il blocco “preformattato” è la scelta migliore, è una specie di ibrido tra un blocco “paragrafo” e un blocco “codice”.

Il testo “preformattato” conserva qualsiasi spaziatura o interruzioni di riga esattamente come li inserisci, ma include anche uno stile di base oltre alla possibilità di aggiungere link.

Il blocco “verso” può sembrare simile ma è pensato per scrivere poesie o condividere testi di canzoni sul tuo sito; come il blocco “preformattato” onorerà qualsiasi spazio speciale, quindi è ottimo per poesie o testi di canzoni e supporta anche alcune formattazioni di base.

In questo tema potrebbero sembrare uguali a un blocco “preformattato”, ma in altri temi potrebbe avere uno stile diverso da quello che vedi qui.

Se stai modificando post o pagine esistenti che sono state create in WordPress 4.9 o versioni precedenti, si apriranno in un blocco di editor classico come questo; se hai mai usato versioni precedenti di WordPress, questa barra degli strumenti di formattazione ti risulterà probabilmente familiare: come vedi, utilizza il minuscolo editor MCE di WordPress 4.9 e versioni precedenti.

Contiene tutte le solite opzioni di formattazione del testo, inoltre puoi fare clic su questo pulsante per attivare una seconda riga di pulsanti di formattazione.

Puoi facilmente convertire un blocco di editor classico in blocchi di Gutenberg e in generale è una buona idea utilizzare i blocchi nativi che fanno parte del nuovo editor di WordPress invece dei blocchi classici.

Infine il blocco “tabella” ti consente di visualizzare facilmente dati sulla tua pagina o post.

Inizia inserendo il numero di colonne e righe, quindi fai clic su Crea per aggiungere una nuova tabella, poi fai clic su una delle celle della tabella e inizia a digitare del contenuto.

Se lo desideri, puoi anche utilizzare una formattazione di base.

Usa il tasto Tab per navigare tra le celle.

Puoi aggiungere o eliminare righe e colonne in qualsiasi momento. Come la maggior parte degli altri blocchi, puoi allineare la tabella a sinistra, al centro, a destra e puoi scegliere tra larghezza ampia e larghezza piena.

E infine, nelle impostazioni del blocco puoi scegliere tra lo stile di tabella predefinito o a strisce, che utilizzerà un colore di sfondo alternato per aiutare i tuoi lettori.

Nelle impostazioni della tabella puoi scegliere “Celle tabella a larghezza fissa” per creare tabelle più uniformi, oltre ad abilitare le sezioni  Header e Footer della stessa.

Infine puoi scegliere tra diversi colori di sfondo per la tabella, a condizione che il tuo tema lo supporti.

Bene, questa è una rapida occhiata ai blocchi di testo predefiniti inclusi in WordPress, sentiti libero di dedicare un po’ di tempo a sperimentare con questi blocchi in modo da poterli utilizzare sul tuo sito.