Gutenberg 11.3 introduce il pannello delle dimensioni, aggiunge il supporto per il riempimento dei pulsanti e velocizza l'inseritore

Oggi, Gutenberg 11.3 è arrivato nella directory dei plugin di WordPress. L'ultimo aggiornamento introduce un nuovo pannello delle dimensioni per alternare le opzioni di blocco relative alla spaziatura. Il blocco Button ora supporta il controllo del riempimento e il blocco Post Featured Image ha nuove impostazioni di larghezza e altezza.

Uno dei punti salienti della versione è stato un miglioramento della velocità sia per l'apertura che per la ricerca all'interno dell'inseritore. Il tempo di apertura è sceso di oltre 200 ms, da 370,35 ms a 137,28 ms. La velocità di ricerca è passata da 190,37 ms a 67,24 ms.

L'ultima versione include una libreria di selezione colori semplificata. Anteprime ricche per i collegamenti, una funzionalità introdotta in Gutenberg 10.9 per gli URL esterni, ora funziona con i collegamenti interni del sito.

Gli autori del tema dovrebbero godere della ridotta specificità del ripristino e dei fogli di stile dell'editor classico. Tali modifiche rendono sempre un po' più facile per gli autori dei temi abbinare l'editor e lo stile front-end.

Pannello delle dimensioni per i controlli di spaziatura

Gutenberg 11.3 introduce un nuovo pannello Dimensioni per i blocchi che supportano i controlli del margine o del riempimento. La funzione aggiunge un pulsante con i puntini di sospensione ( ... ) al posto della tipica freccia di apertura/chiusura della scheda. Gli utenti possono selezionare quali controlli desiderano utilizzare.

L'obiettivo a lungo termine è ripulire l'interfaccia, esponendo solo i controlli di cui un utente ha effettivamente bisogno. Poiché tali esigenze sono soggettive, consentire agli utenti di attivarle/disattivarle è un percorso ideale da intraprendere.

Gli attuali svantaggi sono duplici. Dopo aver scelto di visualizzare i controlli del margine o del riempimento, il pannello stesso non può essere compresso. Ciò esacerba il problema stesso che la nuova funzionalità tenta di risolvere: decluttering l'interfaccia della barra laterale. Almeno per me, voglio sempre un rapido accesso ai controlli di spaziatura. Tuttavia, non ho sempre bisogno che vengano mostrati.

Il secondo problema è che la scelta dell'utente di cosa visualizzare non sembra essere memorizzata. Ogni volta che lavori con un blocco, devi selezionare quali controlli devono apparire.

Il nuovo pannello Dimensioni è solo una parte del processo di definizione del dimensionamento (larghezza e altezza), della spaziatura (padding e margine) e dei relativi controlli per i blocchi. Il lavoro verso una soluzione più completa è ancora in corso. Presumibilmente, il team di sviluppo affronterà questi problemi e altri nelle versioni future. Tuttavia, coloro che eseguono il plug-in Gutenberg in produzione dovrebbero aspettarsi stranezze con l'utilizzo.

Il plug-in Block Visibility ha la versione più intuitiva di un tale controllo di commutazione in questo momento. Non è ancora una soluzione perfetta, ma funziona un po' meglio di quella che è attualmente a Gutenberg.

Imbottitura a blocchi di pulsanti

Non è un segreto che non mi piace il riempimento predefinito del blocco Button quando si utilizza il tema TT1 Blocks (versione basata su blocchi di Twenty Twenty-One). Ne ho fatto una delle mie missioni per segnalarlo regolarmente, arrivando persino a rifiutarmi di utilizzare il blocco nell'ultima chiamata per i test come parte del programma FSE Outreach.

Un pulsante sovradimensionato non è sempre la scelta stilistica sbagliata su una pagina web. Il contesto conta e in qualche modo continuo a imbattermi in scenari in cui ho bisogno di qualcosa di un po' più ridimensionato. Il controllo sul riempimento del blocco Button è stato nella mia lista dei desideri per mesi e il team di sviluppo di Gutenberg ha realizzato.

A partire dalla versione 11.3, gli utenti possono controllare il riempimento dei singoli blocchi Button. Ora apparirà come un'opzione all'interno del nuovo pannello Dimensioni menzionato in precedenza.

La preghiera ha risposto. Ora, passiamo all'aggiunta di controlli di riempimento a tutti i blocchi.

L'unico potenziale problema in cui potrebbero incorrere alcuni utenti è il mantenimento di una spaziatura coerente quando si utilizzano più blocchi Button insieme. Il modo più semplice per farlo è aggiungere e dare uno stile al primo, quindi duplicarlo per crearne altri con la stessa spaziatura. Questo non è un nuovo problema; si applica a tutte le opzioni dei pulsanti in cui gli utenti desiderano la coerenza all'interno di un gruppo.

Controlli delle dimensioni dell'immagine in primo piano

Il blocco Immagine in evidenza post ha finalmente ricevuto un piccolo ma pratico aggiornamento. In passato, gli utenti e gli autori del tema avevano una sola opzione per decidere se collegarlo al post. Ora possono controllare la larghezza e l'altezza dell'immagine.

Se un utente imposta un'altezza per l'immagine, l'editor rivelerà un'opzione "Scala" separata con le seguenti scelte:

• Copertina (impostazione predefinita)
• Contenere
• Stirata

Cosa fanno effettivamente queste opzioni? Sarebbe una buona domanda. Anche come qualcuno nel ciclo di progettazione e sviluppo web per quasi due decenni, a volte li dimentico e devo cercarli. Sono valori per la proprietà CSS object-fit e possono confondere gli utenti in molti casi.

Coprire e contenere consentono all'immagine di adattarsi all'interno del riquadro dell'elemento contenitore mantenendone le proporzioni (senza allungare l'immagine). La differenza è che il valore della copertina verrà ritagliato se non si adatta e il valore contenuto potrebbe essere in formato letterbox. Un valore di allungamento riempirà il suo contenitore indipendentemente dalle proporzioni.

A seconda delle proporzioni dell'immagine sul suo contenitore, ciascuno dei valori potrebbe essenzialmente visualizzare la stessa cosa sullo schermo. Oppure, potrebbero fornire risultati molto diversi. L'accoppiamento di questi controlli delle dimensioni con allineamenti ampi e completi (anche opzioni relative alla larghezza) potrebbe rendere anche alcuni esperimenti imprevedibili.

Il designer del tema in me vuole disabilitare del tutto l'interfaccia utente per questo e presentare qualcosa di leggermente più controllato: un selettore della dimensione dell'immagine.

Tale selettore non deve essere confuso con i controlli di larghezza e altezza. Gli autori di temi WordPress registrano da anni dimensioni di immagine personalizzate. Il caso d'uso principale per questo erano le immagini in primo piano. Gli utenti possono utilizzare queste dimensioni con i blocchi Immagine e Ultimi post correnti. Tuttavia, non hanno ancora questa opzione con Post Featured Image.

Sono nel campo che crede che i controlli delle dimensioni dell'immagine avrebbero dovuto essere la prima aggiunta al blocco. È una parte così integrante della progettazione dei temi di WordPress che non può essere tralasciato e ho combattuto, o almeno assillato, per assicurarmi che gli autori dei temi possano controllare le immagini in primo piano tramite dimensioni personalizzate.

Fortunatamente, esiste un ticket aperto per il supporto delle dimensioni dell'immagine personalizzate. Tra le altre funzionalità ancora mancanti, è un blocco per molti autori di temi che cercano di fare il salto verso i temi a blocchi.

Ci sono molti casi d'uso per le nuove opzioni, come il ritaglio automatico delle immagini in primo piano di una griglia di post su un quadrato. Sto solo aspettando con impazienza un insieme più robusto di strumenti per il blocco Immagine in evidenza post.