Gutenberg 9.7 îmbunătățește experiența utilizatorului, actualizează blocurile reutilizabile și aduce șabloane de pagină la temele FSE

Publicat: 2021-01-08

Gutenberg 9.7 a aterizat ieri cu mai multe actualizări și îmbunătățiri. Utilizatorii ar trebui să se aștepte să vadă modificări ale interfeței pentru variații de bloc, transformări și modele. Se lucrează la blocuri reutilizabile după ceea ce părea a fi o pauză. De asemenea, dezvoltatorii pot adăuga acum șabloane personalizate de pagină la temele lor WordPress bazate pe blocuri.

Această versiune a avut cel mai puțin număr de remedieri de erori pe care le-am văzut de mult timp. Echipa de dezvoltare a introdus doar opt remedieri în actualizare, ceea ce ar putea semnala că lucrurile au fost mai stabile decât de obicei după lansarea 9.6 în urmă cu câteva săptămâni.

Majoritatea lucrărilor din 9.7 s-au ocupat de noi funcții și îmbunătățiri. Așa cum era de așteptat, editarea completă a site-ului a avut parte de timp. Cu toate acestea, chiar și acest lucru părea să fie puțin înapoi pentru această versiune. Multe dintre actualizări sunt pentru interfața de post-editare.

Îmbunătățiri ale experienței utilizatorului

Echipa a lansat mai multe actualizări ale modului în care funcționează funcțiile în editor. Unele dintre ele ar putea părea minore, dar îmbunătățesc experiența generală a editorului.

Variațiile de bloc au primit o îmbunătățire binevenită. Variațiile sunt atunci când un bloc de bază este utilizat pentru a crea mai multe variații ale aceluiași bloc. De exemplu, blocul Embed are YouTube, Twitter și alte variante. În versiunile anterioare, inspectorul de blocuri din bara laterală și navigarea blocurilor ar afișa numele generic, pictograma și descrierea. Cu toate acestea, Gutenberg 9.7 va afișa acum detaliile pentru variația de utilizare.

Exemplu de utilizare a variantei de bloc YouTube Embed și de afișare a detaliilor acesteia în bara laterală.
Varianta YouTube pentru blocul Embed.

Când transformă un bloc, utilizatorii pot vedea o previzualizare a cum va arăta blocul. Aceasta este o mică îmbunătățire. Cu toate acestea, s-ar putea salva câteva dureri de cap atunci când înainte de a decide să transforme un bloc în altul.

Transformarea unui Citat într-un Pullquote în editorul de blocuri.
Previzualizare la transformarea blocului de cotație într-un cota de tragere.

Gutenberg 9.6 a introdus o funcție de glisare și plasare pentru blocuri în insertor. Echipa a extins acum această caracteristică pentru a bloca modele. Acesta este doar o altă treaptă pe scară pentru cei care caută mai multe capacități de drag-and-drop.

Blocuri reutilizabile actualizate

A trecut ceva timp de când am testat blocuri reutilizabile. Se pare că funcția a trecut pe planul din spate față de alte funcții mai noi în ultimul an sau cam așa ceva. Nu s-a simțit niciodată mai bine decât un prototip inițial. Încă nu există nicio modalitate de a le gestiona cu ușurință decât dacă știi unde să cauți. Cu toate acestea, se pare că echipa de dezvoltare Gutenberg dezvoltă în mod activ această caracteristică aproape uitată.

Utilizatorii se pot aștepta la mai mult în versiunile viitoare. „Pe baza acestor modificări, interfața de utilizare pentru blocurile reutilizabile va avea, cel mai probabil, unele iterații în săptămânile următoare”, a scris Riad Benguella în postarea de anunț.

Am efectuat un test inițial pentru a vedea cum arăta caracteristica în Gutenberg 9.7. După ce a făcut clic pe butonul „Adăugați la blocuri reutilizabile”, editorul a făcut o rapidă flash. Apoi, în partea de jos a ecranului a apărut o notificare că blocul reutilizabil a fost creat. Deoarece nu aveam panoul din bara laterală cu opțiuni de bloc deschis la momentul respectiv, nu am văzut nicio modalitate de a edita titlul blocului reutilizabil. Gândul meu imediat a fost că echipa a luat o caracteristică deja pe jumătate pregătită și a înrăutățit-o exponențial.

După săpături suplimentare, am descoperit că utilizatorii pot edita titlul blocului reutilizabil în bara laterală de opțiuni de bloc. Cu toate acestea, echipa nu s-a oprit aici. Au adăugat câteva îmbunătățiri caracteristicii.

Editarea numelui unui bloc reutilizabil în editorul WordPress.
Editarea numelui blocului reutilizabil în panoul barei laterale.

Blocurile reutilizabile sunt acum editabile în editorul de postări. Utilizatorii pot trage o imagine din bloc, de exemplu. Bara laterală a inspectorului este disponibilă pentru blocurile interioare. Blocurile reutilizabile arată și se simt acum ca orice altă parte a editorului. Orice modificări se vor reflecta în toate instanțele blocurilor reutilizabile de pe site.

Marea diferență este în modul în care sunt salvați.

Salvarea postării și a blocurilor reutilizabile simultan în editorul de blocuri.
Salvarea unui bloc reutilizabil împreună cu postarea.

Blocurile reutilizabile fac acum parte din sistemul de salvare „multi-entități”. Când fac clic pe butonul de actualizare al editorului, utilizatorii vor avea opțiunea de a salva întreaga postare și/sau blocuri individuale reutilizabile.

Șabloane personalizate „Pagină” pentru teme FSE

Temele bazate pe blocuri acceptă acum ceea ce a fost cunoscut în mod tradițional sub numele de șabloane de pagină. Toate tipurile de postări sunt acceptate tehnic cu această funcție. Cu toate acestea, echipa pare să rămână cu terminologia „pagină” după câteva discuții.

A fost nevoie de câteva săpături pentru că nu există documentație existentă și exemplul original din bilet nu a reflectat rezultatul final al codului care a trecut. Cu toate acestea, am reușit să știu cum funcționează caracteristica. Pentru autorii de teme care doresc să testeze această caracteristică, utilizați următorul exemplu de cod pentru adăugarea unui șablon „de contact”. Plasați-l la nivelul rădăcină al fișierului experimental-theme.json al temei dvs. De asemenea, va trebui să însoțiți acest lucru cu un block-templates/contact.html în tema dvs.

 "pageTemplates": { "contact": { "title": "Contact", "postTypes": [ "page" ] } }

Această caracteristică nu face nimic deosebit de revoluționar în acest moment. Pur și simplu adaugă șablonul personalizat la selectarea drop-down de pe ecranul de editare post/pagină. Este echivalentul sistemului actual de șabloane de pagină disponibil pentru temele tradiționale.

Selectarea unui șablon de pagină din editorul de blocuri.
Selectarea unui șablon de pagină personalizat din tema FSE.

Deși aceasta este o dezvoltare bună, șabloanele tradiționale de pagină s-ar putea să nu aibă prea mult sens în paradigma tematică a blocurilor. Nu există nicio modalitate de a modifica rezultatul vizual al paginii în editor pe baza șablonului selectat - utilizatorii trebuie să vadă în continuare pagina pe front-end pentru a vedea rezultatul aplicării acesteia. Sistemul de blocare este despre feedback vizual instantaneu. Șabloanele de pagină trebuie regândite pentru noua eră.

„În ceea ce privește interfața de utilizare și integrarea cu modul șablon, putem face mult mai mult decât vechea casetă de selectare”, a spus Benguella, care a fost dezvoltatorul din spatele cererii de extragere. „Putem arăta o previzualizare pentru șabloane și să oferim un modal sau ceva de genul acesta pentru ca oamenii să aleagă... Avem nevoie de niște gândire de design și explorări acolo. Acest PR stabilește doar cerințele tehnice pentru ca acesta să funcționeze.”

O mare parte, dar nu toate, din șabloanele de pagină pentru care au fost necesare în ultimul deceniu pot fi acum înlocuite cu modele de bloc.

Pe termen lung, aș prefera să văd șabloane de pagină care se comportă mai mult ca aspecte de bloc prestabilite. Acesta este modul în care funcționează astăzi șabloanele de bloc pentru tipuri de postări personalizate. Cu toate acestea, acesta este mai degrabă la nivelul post-tip decât la nivelul postului individual.

Șabloanele tradiționale de pagină sunt datate. Temele oferă rareori mai mult decât câteva. Unul pentru a elimina bara laterală. Unul pentru a muta bara laterală la stânga sau la dreapta. Un altul pentru a extinde zona de conținut a paginii.

Ceea ce este clar este că avem nevoie de mai multe explorări despre cum vor arăta șabloanele de pagină ale viitorului. Sunt necesare în sistemul bloc? Există modalități mai bune de a gestiona temele tradiționale pentru care le folosesc? Cum vor funcționa într-o interfață care are nevoie de feedback vizual?