Gutenberg 12.1 remediază schimbarea aspectului blocării aplicației, adaugă vizualizări ale listei de șabloane și îmbunătățește stilurile globale

Mai devreme, Gutenberg 12.1 a ajuns în directorul de pluginuri WordPress. Cea mai recentă lansare a fost grea în îmbunătățirea experienței utilizatorului, inclusiv o remediere pentru schimbarea aspectului blocului, noi funcții globale de stiluri și vizualizare îmbunătățită a listei de șabloane. Autorii temei au, de asemenea, un nou steag pentru activarea tuturor instrumentelor legate de aspect.

WordPress 5.9 a fost programat pentru lansare astăzi, dar a fost amânat până pe 25 ianuarie 2022. Colaboratorii au avut nevoie de mai mult timp pentru a perfecționa editorul de site și instrumentele aferente incluse în lansare. Până acum, folosesc timpul suplimentar reparând erori și creând o experiență generală mai bună pentru utilizator.

Gata cu schimbarea aspectului

Dacă aceasta ar fi fost singura și singura schimbare în Gutenberg 12.1, aș fi fost cel mai fericit utilizator din lume. Din fericire, există și alte articole plăcute, dar cea mai mare supărare a mea din ultimii trei ani de utilizare a editorului de blocuri a fost rezolvată.

Anexa blocului (acele mici + butoane) din pânza de conținut sunt acum afișate folosind poziționare fixă. Aceasta înseamnă că atunci când selectați blocuri, în special cele imbricate în altele, ecranul nu mai sare, nu mai schimbă aspectul sau nu lasă spații albe într-o secțiune altfel perfectă.

Știu din discuții cu ceilalți că acesta a fost un punct de durere atunci când construim layout-uri complexe în trecut. Pentru unii, nu ar folosi deloc editorul de blocuri pentru că era atât de enervant. Dacă cazi în această tabără, merită să o încerci încă o dată. Este o îmbunătățire semnificativă a experienței utilizatorului.

Îmbunătățiri globale ale stilurilor

Utilizatorii pot defini acum degrade personalizate prin secțiunea paletei de culori din bara laterală de stiluri globale. Acestea vor fi disponibile pe tot site-ul și nu sunt legate de temă.

Paleta arată, de asemenea, culori biton sub aceeași secțiune de gradient. Cu toate acestea, nu există încă o opțiune pentru crearea de filtre duoton personalizate. Este o secțiune numai în citire.

Panoul de stiluri globale împarte, de asemenea, opțiunile de tipografie între elemente de text și link, deschizând ușa pentru alte elemente HTML în viitor.

Utilizatorii probabil nu ar trebui să schimbe acest lucru pentru link-uri. În schimb, ar trebui să se potrivească în general cu textul din jur. Dacă primim text-decor sau opțiuni similare în viitor, separarea ar putea avea mai mult sens. Cu toate acestea, modificarea setărilor precum dimensiunea fontului sau înălțimea liniei ar fi probabil dăunătoare designului.

Vizualizări de șabloane și părți de șabloane

Gutenberg 12.1 introduce o nouă vizualizare a listei de părți de șabloane din editorul site-ului. Interfața de utilizare pentru această funcție a sărit peste ultimele versiuni de plugin. Lista a fost disponibilă prin panoul glisant din stânga din editor timp de luni de zile. Apoi, a fost eliminat cu totul în 11.9. A reapărut între acea versiune și 12.0.

Panoul a fost acum redus pentru a include trei linkuri pentru site, șabloane și părți de șabloane. Primul link afișează editorul site-ului. Celelalte afișează tabele cu șabloane existente.

Comutarea între ecrane pare lentă în acest moment. Cu toate acestea, aceasta este versiunea 1.0 a editorului de site pe care o vor vedea utilizatorii WordPress din întreaga lume. Probabil se va schimba în timp. „Iterația actuală a designului favorizează simplitatea și gradul de utilizare”, a scris Riad Benguella în postarea de anunț. „Iterațiile care implementează navigarea pe partea clientului și vizualizarea mozaic ar putea fi adăugate în viitor.”

Nu pare să existe o modalitate de a adăuga șabloane personalizate, cum ar fi o arhivă de categorie sau de autor. Făcând clic pe butonul „Adăugați nou” sunt prezentate opțiuni pentru un șablon de prima pagină și de căutare atunci când utilizați tema Twenty Twenty-Two.

Cu toate acestea, adăugarea unei noi părți șablon este un proces mult mai rafinat. După ce faceți clic pe butonul pentru a crea unul, utilizatorilor li se prezintă o suprapunere și un formular, așa cum se arată în următoarea captură de ecran:

Utilizatorii îi pot da un nume personalizat și pot alege dintre trei zone permise: general, antet și subsol. După crearea unei piese noi, utilizatorii sunt duși la editor.

Când vizualizați din nou lista de piese de șablon, acesta afișează utilizatorul care a creat-o și are un meniu derulant cu opțiuni (buton cu puncte de suspensie). În prezent, singura acțiune este ștergerea piesei.

Mi-ar plăcea să văd șabloanele de nivel superior să primească același tratament ca și părțile șablon atunci când creez unul nou. Deși există unele mici diferențe între ele, ambele sunt șabloane la sfârșitul zilei. Experiența utilizatorului ar beneficia dacă procesele de creare s-ar potrivi.

Crearea de șabloane personalizate în afara listei implicite din acest ecran ar ajuta, de asemenea, designerii să creeze teme vizual din editorul site-ului.

Rezervare de navigare goală

Cea mai recentă versiune a introdus o rezervă pentru blocul de meniu de navigare gol. În cele din urmă, dacă nu este găsit niciun meniu, acesta va afișa blocul Lista pagini. În funcție de câte pagini are site-ul unui utilizator, acest lucru poate scăpa rapid de sub control, așa cum se arată în următoarea captură de ecran din Twenty Twenty-Two:

Dezvoltatorii de teme pot suprascrie această alternativă prin intermediul filtrului block_core_navigation_render_fallback , fie returnând o valoare false , fie un set de blocuri copii valide pentru părintele Navigare. Autorii temei, îi invit să folosească cu generozitate acest cârlig de filtru.

Elemente de temă bloc demne de remarcat

Pentru dezvoltatorii de teme bloc, folderele standard legate de șablon au fost redenumite. Numele vechi vor continua să funcționeze, dar autorii ar trebui să actualizeze următoarele în temele lor:

• /block-templates redenumite în /templates
• /block-template-parts redenumit în /parts

Această modificare curăță directorul de teme de nivel superior, dar creează și o cale către mai multă standardizare în viitor. Există deja un bilet deschis pentru /patterns și este posibil un folder /styles .

Gutenberg 12.1 introduce, de asemenea, un flag appearanceTools pentru theme.json , permițând autorilor de teme să activeze suport pentru toate opțiunile actuale și viitoare de chenar, culoare, spațiere și tipografie. Am tratat acest lucru mai detaliat în postarea Gutenberg 12.0, care marcase în mod eronat caracteristica ca fiind inclusă în ultima versiune.