Gutenberg 11.3 introduce panoul de dimensiuni, adaugă suport pentru butoane și accelerează dispozitivul de inserție

Mai devreme astăzi, Gutenberg 11.3 a ajuns în directorul de pluginuri WordPress. Cea mai recentă actualizare introduce un nou panou de dimensiuni pentru comutarea opțiunilor de bloc legate de spațiere. Blocul Button acceptă acum controlul de umplutură, iar blocul Post Featured Image are noi setări pentru lățime și înălțime.

Unul dintre punctele importante ale versiunii a fost o îmbunătățire a vitezei atât pentru deschidere, cât și pentru căutare în interiorul dispozitivului de inserare. Timpul de deschidere a scăzut cu peste 200 ms, de la 370,35 ms la 137,28 ms. Viteza de căutare a trecut de la 190,37 ms la 67,24 ms.

Cea mai recentă versiune include o bibliotecă simplificată de selectare a culorilor. Previzualizările bogate pentru linkuri, o caracteristică introdusă în Gutenberg 10.9 pentru adrese URL externe, funcționează acum cu link-uri interne ale site-urilor.

Autorii de teme ar trebui să se bucure de specificitatea redusă a foilor de stil pentru resetare și editor clasic. Astfel de modificări fac întotdeauna un pic mai ușor pentru autorii temelor să se potrivească cu editorul și stilul front-end.

Panoul de dimensiuni pentru controalele de spațiere

Gutenberg 11.3 introduce un nou panou Dimensiuni pentru blocuri care acceptă comenzile de marjă sau de umplutură. Caracteristica adaugă un buton cu puncte de suspensie ( ... ) în locul săgeții tipice de deschidere/închidere a filei. Utilizatorii pot selecta ce comenzi doresc să folosească.

Scopul pe termen lung este de a curăța interfața, expunând doar controalele de care un utilizator are de fapt nevoie. Deoarece astfel de nevoi sunt subiective, permiterea utilizatorilor să le activeze/dezactiveze este o cale ideală de urmat.

Dezavantajele actuale sunt duble. Odată ce ați ales să afișați comenzile de marjă sau de umplutură, panoul în sine nu poate fi restrâns. Acest lucru exacerba chiar problema pe care noua caracteristică încearcă să o rezolve - dezordinea interfeței barei laterale. Pentru mine, cel puțin, vreau întotdeauna acces rapid la controalele de spațiere. Cu toate acestea, nu am întotdeauna nevoie de ele afișate.

A doua problemă este că alegerea utilizatorului cu privire la ce să afișeze nu pare să fie stocată. De fiecare dată când lucrați cu un bloc, trebuie să selectați ce comenzi ar trebui să apară.

Noul panou Dimensiuni este doar o parte a procesului de dimensionare (lățime și înălțime), spațiere (căptușeală și margine) și controale aferente pentru blocuri. Lucrările către o soluție mai completă sunt încă în desfășurare. Probabil, echipa de dezvoltare va aborda aceste probleme și altele în versiunile viitoare. Cu toate acestea, cei care rulează pluginul Gutenberg în producție ar trebui să se aștepte la ciudățenii cu utilizarea.

Pluginul Block Visibility are cea mai ușor de utilizat versiunea unui astfel de control comutator chiar acum. Nu este încă o soluție perfectă, dar funcționează puțin mai bine decât ceea ce este în prezent în Gutenberg.

Buton Block Umplutură

Nu este un secret că nu-mi place umplutura implicită a blocului Button atunci când folosesc tema TT1 Blocks (versiunea bazată pe blocuri a lui Twenty Twenty-One). Mi-am făcut una dintre misiunile mele să-l subliniez în mod obișnuit, ajungând chiar și până la a refuza să folosesc blocul în ultimul apel pentru testare ca parte a Programului FSE Outreach.

Un buton supradimensionat nu este întotdeauna o alegere stilistică greșită pe o pagină web. Contextul contează și continui cumva să dau cu scenarii în care am nevoie de ceva mai redus. Controlul asupra blocului Button a fost pe lista mea de dorințe de luni de zile, iar echipa de dezvoltare Gutenberg a dat rezultate.

Începând cu 11.3, utilizatorii pot controla umplutura blocurilor individuale de butoane. Va apărea acum ca o opțiune în noul panou Dimensiuni menționat mai devreme.

Rugăciunea a răspuns. Acum, să trecem la adăugarea controalelor de umplutură la toate blocurile.

Singura problemă potențială în care s-ar putea întâlni unii utilizatori este menținerea unei spații consistente atunci când folosesc mai multe blocuri Button împreună. Cel mai simplu mod de a face acest lucru este să îl adăugați și să stilați primul, apoi să îl duplicați pentru a crea altele cu aceeași spațiere. Aceasta nu este o problemă nouă; se aplică tuturor opțiunilor Button în care utilizatorii doresc consecvență în cadrul unui grup.

Controale pentru dimensiunea imaginii prezentate

Blocul Post Featured Image a primit în sfârșit o actualizare mică, dar utilă. În trecut, utilizatorii și autorii temei aveau doar o singură opțiune de a decide dacă să-l conecteze la postare. Acum, ei pot controla lățimea și înălțimea imaginii.

Dacă un utilizator setează o înălțime pentru imagine, editorul va dezvălui o opțiune separată „Scalare” cu următoarele opțiuni:

• Coperta (implicit)
• Conține
• Întinde

Ce fac de fapt aceste opțiuni? Asta ar fi o întrebare bună. Chiar și ca cineva în bucla de design și dezvoltare web de aproape două decenii, uneori uit și trebuie să le caut. Acestea sunt valori pentru proprietatea CSS object-fit și sunt susceptibile de a deruta utilizatorii în multe cazuri.

Acoperire și conținut permite ca imaginea să se încadreze în cutia elementului care conține, menținând în același timp raportul de aspect (fără întinderea imaginii). Diferența este că valoarea copertei va fi tăiată dacă nu se potrivește, iar valoarea conținută poate fi scrisă cu letterbox. O valoare stretch își va umple recipientul indiferent de raportul de aspect.

În funcție de raportul de aspect al imaginii de pe containerul său, fiecare dintre valori ar putea afișa în esență același lucru pe ecran. Sau ar putea oferi rezultate extrem de diferite. Cuplarea acestor controale de dimensiuni cu aliniamente largi și complete (de asemenea, opțiuni legate de lățime) ar putea face și unele experimente imprevizibile.

Designerul de teme din mine vrea să dezactiveze interfața de utilizare pentru aceasta și să prezinte ceva puțin mai controlat: un selector de dimensiune a imaginii.

Un astfel de selector nu trebuie confundat cu comenzile pentru lățime și înălțime. Autorii de teme WordPress au înregistrat dimensiuni de imagini personalizate de ani de zile. Cazul de utilizare principal pentru aceasta au fost imaginile prezentate. Utilizatorii pot folosi aceste dimensiuni cu blocurile actuale Imagine și Ultimele postări. Cu toate acestea, ei nu au încă această opțiune cu Post Featured Image.

Sunt în tabăra care crede că controalele pentru dimensiunea imaginii ar fi trebuit să fie prima adăugare la bloc. Este o parte atât de integrantă a designului temei WordPress încât nu poate fi omisă și m-am luptat – sau cel puțin sâcâitor – pentru a mă asigura că autorii de teme pot controla imaginile prezentate prin dimensiuni personalizate.

Din fericire, există un bilet deschis pentru suport pentru dimensiunea personalizată a imaginii. Printre alte caracteristici care încă lipsesc, este un blocant pentru mulți autori de teme care doresc să facă saltul către teme bloc.

Există o mulțime de cazuri de utilizare pentru noile opțiuni, cum ar fi decuparea automată a imaginilor prezentate dintr-o grilă de post într-un pătrat. Abia aștept cu nerăbdare un set mai robust de instrumente pentru blocul Post Featured Image.