Gutenberg 11.5 aggiunge il raggruppamento dei widget, itera sulla funzione Block Gap e aggiorna i menu di navigazione

Gutenberg 11.5 è atterrato prima di oggi. È una versione pesante che include modifiche estese al blocco di navigazione, un nuovo modo per raggruppare i widget e una maggiore integrazione delle funzionalità di blocco dei blocchi.

Ho avuto reazioni contrastanti alle funzionalità che sono state introdotte nell'ultima versione. Ad alcuni punti, ho pensato tra me e me, finalmente, questo è arrivato . In altri momenti, ho reso la mia versione migliore del famoso facepalm di Jean-Luc Picard. Ma la ruota continua a girare e gli sviluppatori che dedicano tempo e sforzi al progetto continuano a migliorarlo.

Una breve nota è che tutti coloro che non eseguono un tema che supporta l'editor di blocchi dovrebbero verificare che i loro stili di back-end non siano fuori posto. Gutenberg genera automaticamente alcuni stili di editor predefiniti se il tema attivo dell'utente non registra il proprio o se è presente un file theme.json . Questo dovrebbe essere fornito in bundle in point release come WordPress 5.8.2 in modo che gli utenti non lo aspettino fino alla 5.9.

Modifiche ai blocchi di navigazione

Con i menu di navigazione ancora un punto dolente nella modifica del sito, Gutenberg ha aggiunto nuovi livelli di complessità. I blocchi Titolo del sito e Logo del sito sono consentiti all'interno del contenitore di navigazione.

Come Joen Asmussen condivideva nel biglietto originale, alcuni layout complessi trarrebbero vantaggio dal consentire più elementi interni all'interno del blocco Navigazione:

Ciò potrebbe aprire un mondo di possibilità di layout per gli autori di temi attraverso modelli personalizzati.

Non ho problemi con Gutenberg che affronta le basi per questi layout più avanzati. Tuttavia, dobbiamo ancora appianare le basi della navigazione. L'esperienza di ricerca e inserimento di collegamenti nel sito è nella migliore delle ipotesi poco brillante e richiede più clic del mouse. C'è un biglietto aperto per un'esperienza di navigazione più leggera e questo dovrebbe essere l'obiettivo.

Gli autori del tema dovrebbero anche notare che il blocco Navigazione ora si basa sulla proprietà CSS gap per la spaziatura invece del margin . Me lo sono quasi perso da quando l'ho personalizzato per i miei progetti mesi fa: benvenuto nel 2021, dove non abbiamo più bisogno di fare affidamento su soluzioni di margine hacky per una semplice spaziatura . Questa modifica potrebbe influire sui design dei temi esistenti.

Avviso dell'amministratore di FSE limitato alla schermata dei temi

Ci sono molte lamentele da avere con il plug-in Gutenberg poiché le sue funzionalità sono costantemente in evoluzione. Tuttavia, la cosa più fastidiosa dell'esecuzione del plug-in è stata la sua notifica dell'amministratore persistente e non ignorabile quando un utente esegue un tema di blocco.

Nelle versioni precedenti del plugin, questo avviso è apparso su tutte le schermate del backend. Ora appare solo nella pagina Temi/Aspetto.

Negli ultimi mesi, ho mantenuto attivo il plug-in Toolbelt di Ben Gillbanks al solo scopo di nascondere questo avviso.

Buona liberazione. Addio.

Blocco del gruppo di widget

Mentre in genere credo che gli sviluppatori di plug-in Gutenberg e il core di WordPress facciano buon uso del feedback, il sistema di widget basato su blocchi è stato un'area in cui il progetto ha lasciato cadere la palla. Come ripeto da settembre 2020, la funzione era fondamentalmente interrotta. L'obiettivo era consentire agli utenti finali di aggiungere blocchi in più punti, ma non è mai stato compatibile con il markup e gli stili dei temi classici.

Ho proposto di utilizzare i modelli, ma il team ha optato per un blocco del gruppo di widget. Il risultato finale è simile ma non esattamente lo stesso. La buona notizia è che risolve quello che avrebbe dovuto essere un blocco per l'atterraggio della funzionalità nel core.

La notizia migliore è che è probabile che questo atterrerà in WordPress 5.8.2 invece della versione 5.9 entro la fine dell'anno.

Non arriverei a definirla una soluzione perfetta. L'esperienza non rende immediatamente chiaro come aggiungere il titolo di un widget. Gli utenti devono prima aggiungere un blocco. Una volta aggiunto un blocco, possono quindi fare clic sul segnaposto dell'intestazione/titolo visualizzato. Quindi, l'interfaccia utente passa a un campo per la digitazione del titolo.

Il seguente video mostra come funziona il blocco Widget Group:

Preferirei avere un po' di un'esperienza janky piuttosto che nessuna soluzione. Almeno gli utenti ora non devono creare manualmente wrapper di widget. Alcuni potrebbero persino disattivare il plug-in Classic Widgets se questo problema fosse una rapina.

Variazione di gruppo "Riga" e layout flessibili

Per iniziare a testare il nuovo sistema di layout flessibile introdotto in Gutenberg 11.2, il team di sviluppo ha aggiunto una variazione al blocco Group denominata Row. Ciò consente agli utenti di allineare i blocchi interni uno accanto all'altro invece che uno sopra l'altro nel layout "flusso" predefinito.

Ci sono tonnellate di casi d'uso per la funzione. Uno degli scenari principali per gli autori di temi sarà l'allineamento dei blocchi di metadati di post e commenti uno accanto all'altro. In precedenza, ciò richiedeva l'uso del blocco Colonne o di stili personalizzati, nessuno dei quali era l'ideale.

L'esperienza è ruvida intorno ai bordi. Spesso trovavo difficile fare clic nel punto giusto per modificare un blocco e il pulsante appender non veniva sempre visualizzato per aggiungerne di nuovi.

Anche il blocco Social Icons utilizza il nuovo layout flessibile. Tuttavia, al momento non è possibile passare alla modalità flusso per i collegamenti social verticali.

Più integrazione di Block Gap

Il blocco Colonne ora utilizza la funzione di spazio introdotta in Gutenberg 11.4 per gestire la spaziatura tra i singoli blocchi Colonna. Non esiste ancora un'interfaccia utente per consentire agli utenti finali di controllarlo, ma è probabile che atterrerà in una versione futura man mano che la funzionalità si evolve.

Gutenberg 11.5 ha ora aggiunto un margine inferiore al titolo del post nell'editor. Per qualsiasi motivo, il team di sviluppo ha fatto un salto di qualità e ha ritenuto che la sua attuale gestione della funzione di gap dei blocchi ne avesse bisogno. È un problema complesso da risolvere. Nel frattempo, alcuni utenti potrebbero vedere più spazi bianchi di quelli a cui sono abituati tra il titolo e il contenuto nell'editor.

Naturalmente, questo dipende dal tema attivo, dal suo supporto alla funzione di blocco dei blocchi e dai suoi stili attuali.

Supporto per le due tonalità dell'autore

Per qualcosa che doveva essere destinato al mucchio di scarti, il blocco Post Author ora ha una nuova vita sotto forma di supporto del filtro a due tonalità per il suo avatar. Funziona allo stesso modo di altri blocchi, come Immagine e Copertina.

Il problema è che Post Author è stato preso di mira dall'ultima versione di WordPress perché non era ancora pronto. Il blocco è un mashup in stile Frankenstein del nome, dell'avatar e della descrizione dell'autore. Questi dovrebbero essere blocchi multipli che gli autori e gli utenti del tema possono organizzare in layout unici.

Sebbene il supporto per due tonalità aggiunga semplicemente una riga di codice in più, non ha senso continuare a lavorare sul blocco nella sua forma attuale. Mi piacerebbe vederlo come parte di un blocco Avatar post autore separato.