Benvenuto nell'editor Gutenberg

Avatar di jifulive

Di montagne e macchine da stampa

L'obiettivo di questo nuovo editor è rendere semplice e divertente l'aggiunta di contenuti multimediali a WordPress. L'intero post è composto da elementi di contenuto— un po' come i mattoncini LEGO — che puoi spostare e con cui puoi interagire. Muovi il cursore e noterai che i diversi blocchi si evidenziano con contorni e frecce. Premi le frecce per riposizionare rapidamente i blocchi, senza temere di perdere nulla durante il processo di copia e incolla.

Quello che stai leggendo ora è un blocco di testo, il blocco più semplice in assoluto. Il blocco di testo dispone di comandi propri che consentono di spostarlo liberamente all’interno del post…

… come questo, che è allineato a destra.

Anche i titoli costituiscono blocchi separati, il che aiuta a strutturare e organizzare i contenuti.

Un’immagine vale più di mille parole

La gestione delle immagini e dei contenuti multimediali con la massima cura è uno degli obiettivi principali del nuovo editor. Ci auguriamo che troviate le operazioni relative all’aggiunta di didascalie o all’impostazione a tutta larghezza delle immagini molto più semplici e affidabili rispetto al passato.

Uno splendido paesaggio
Se il tuo tema lo supporta, vedrai il pulsante “wide” sulla barra degli strumenti delle immagini. Provalo.

Prova a selezionare e a rimuovere o modificare la didascalia: ora non dovrai più stare attento a non selezionare per sbaglio l'immagine o altro testo, rovinando così la presentazione.

Lo strumento di inserimento

Immagina di avere a disposizione tutto ciò che WordPress è in grado di fare, in modo rapido e in un unico punto dell’interfaccia. Non dovrai più districarti tra tag HTML e classi, né ricordare la complessa sintassi degli shortcode. È proprio questo lo spirito che sta alla base dell’inserter: il (+) pulsante che vedrai nell'editor, che ti permette di sfogliare tutti i blocchi di contenuto disponibili e di aggiungerli al tuo post. I plugin e i temi possono registrare i propri blocchi, aprendo così ogni sorta di possibilità per un editing avanzato e la pubblicazione.

Provaci, potresti scoprire che WordPress permette già di inserire nei tuoi post elementi di cui non eri a conoscenza. Ecco un breve elenco di ciò che puoi trovare attualmente:

  • Testo e titoli
  • Immagini e video
  • Gallerie
  • Contenuti incorporati, come video di YouTube, tweet o altri post di WordPress.
  • Blocchi di layout, come pulsanti, immagini hero, separatori, ecc.
  • E liste come questa, ovviamente 🙂

Modifica visiva

Uno dei grandi vantaggi dei blocchi è che puoi modificarli direttamente sul posto e manipolare i contenuti in modo immediato. Invece di dover utilizzare campi specifici per modificare elementi come la fonte di una citazione o il testo di un pulsante, puoi modificare direttamente il contenuto. Prova a modificare la seguente citazione:

L'editor si impegnerà a creare una nuova esperienza di creazione di pagine e post che renda la scrittura di contenuti ricchi un'operazione semplice, e che utilizzi dei “blocchi” per facilitare operazioni che oggi potrebbero richiedere l'uso di shortcode, HTML personalizzato o la ricerca di elementi incorporati “misteriosi”.

Matt Mullenweg, 2017

Le informazioni relative alla fonte della citazione sono contenute in un campo di testo separato, simile alle didascalie sotto le immagini, quindi la struttura della citazione rimane inalterata anche se si seleziona, modifica o rimuove la fonte. È sempre facile reinserirla.

I blocchi possono essere qualsiasi cosa ti serva. Ad esempio, potresti voler aggiungere una citazione discreta come parte della composizione del tuo testo, oppure potresti preferire mostrarne una gigantesca e stilizzata. Tutte queste opzioni sono disponibili nell'inseritore.

È possibile modificare il numero di colonne nelle gallerie trascinando il cursore nell'ispettore dei blocchi nella barra laterale.

Ricco di contenuti multimediali

Se si combinano i nuovi allineamenti " wide " e " full-wide " con le gallerie, è possibile creare un layout ricco di contenuti multimediali in pochissimo tempo:

L'accessibilità è importante: non dimenticare l'attributo "alt" delle immagini

Certo, un'immagine a tutto schermo può essere piuttosto grande. Ma a volte ne vale la pena.

Quella che vedete sopra è una galleria composta da sole due immagini. È un modo più semplice per creare layout visivamente accattivanti, senza dover ricorrere ai float. È inoltre possibile riconvertire facilmente la galleria in immagini singole utilizzando il selettore di blocchi.

Qualsiasi blocco può adottare questi allineamenti. Anche il blocco "embed" li supporta ed è responsive di default:

Puoi creare qualsiasi blocco desideri, statico o dinamico, decorativo o semplice. Ecco un blocco "pullquote":

Il codice è poesia

La comunità di WordPress

Se vuoi saperne di più su come creare blocchi aggiuntivi, o se sei interessato a dare una mano con il progetto, visita il repository GitHub.


Grazie per aver provato Gutenberg!

👋

Lascia un commento

Il tuo indirizzo e-mail non verrà pubblicato. I campi obbligatori sono contrassegnati con *