FSE Outreach Runda #2: Construirea unei pagini de pornire personalizată cu Editorul de site al lui Gutenberg

Anne McCarthy a anunțat a doua rundă de testare pentru programul Full Site Editing (FSE) Outreach. Apelul pentru testare cere utilizatorilor să construiască o pagină de pornire din editorul de site al pluginului Gutenberg. Feedback-ul este deschis până pe 5 martie.

Prima rundă de testare a început în decembrie 2020 și s-a încheiat luna trecută. Testerii au reușit să identifice mai multe puncte dificile cu modul de editare a șablonului din editorul de blocuri. Programul a creat elemente acționabile pe care dezvoltatorii Gutenberg ar putea lucra pentru a le îmbunătăți.

Această a doua rundă este similară. Cu toate acestea, testarea acoperă o zonă mult mai mare și mai complexă. Utilizatorii vor părăsi editorul de blocuri familiar și vor trece la editorul de site, care este încă la câteva luni de la a fi un produs viabil.

McCarthy a enumerat un proces în 22 de pași pentru construirea unei pagini de pornire. În timp ce l-am urmărit în cea mai mare parte, m-am plictisit înainte de a termina. Acesta este unul dintre motivele pe care le invoc pentru un subiect de testare slab. Îmi place să explorez și să văd ce este posibil pe cont propriu. Dacă am o idee, vreau să încerc execuția ei. În primul rând, m-am ținut de scenariul general, chiar dacă a fost puțin în ordine.

În cele din urmă, am creat o pagină de pornire personalizată pentru un restaurant numit The Grilled Cheese - cu siguranță aș deschide acest restaurant în lumea reală dacă voi părăsi vreodată comunitatea WordPress.

Este rezonabil de simplu. În total, mi-a luat aproximativ două ore de joc cu diferite concepte înainte de a ajunge la această etapă. Pentru a construi ceva de care aș fi mulțumit ar fi fost nevoie de încă câteva ore.

În general, m-am simțit limitat în amenajarea paginii mele de pornire ideale. Fiecare pas a fost o luptă dificilă împotriva instrumentelor. Aș fi putut construi acest lucru în mai puțin de jumătate din timp cu HTML și CSS. Aș putea face același lucru și mai mult cu alte plugin-uri moderne de generare de pagini pentru WordPress.

Înainte de a mă scufunda în rezultatele testului meu, am o oarecare onestitate brutală. TT1 Blocks, care este tema folosită pentru testarea FSE Outreach, nu este la îndemână. Tema nu gestionează în mod fiabil multitudinea de posibilități pe care editorul site-ului le stabilește în mâinile utilizatorilor finali. Întreaga experiență ar putea fi mai fluidă cu o temă mai bună. Cu toate acestea, opțiunile sunt limitate și nu sunt sigur dacă există o temă bazată pe blocuri mai bună pentru a lucra în acest moment.

Au existat atât de multe inconsecvențe între editorul site-ului și front-end, încât nu are rost să le enumerăm pe toate. Spațierea a fost extrem de redusă. În general, văd asta ca o problemă de temă. Mi-am petrecut mult timp în modul de încercare și eroare, făcând o ajustare în editor și reîmprospătându-mă pentru a vedea rezultatul front-end. Clătiți. Repeta.

Identificarea punctelor dureroase

Deși această postare critică editorul site-ului, nu înseamnă că experiența a fost cu totul slabă. Văzând îmbunătățirea în fiecare săptămână îmi dă speranța că WordPress va avea un editor de site care rivalizează cu orice de pe piață. În cele din urmă. Totuși, scopul meu aici este să ofer feedback real pe care echipa îl poate folosi.

În afara problemelor generale de spațiere menționate mai devreme, am identificat câteva blocaje în timpul construirii unei pagini de pornire personalizată.

Lățimi maxime

Când proiectați o pagină completă a site-ului prin intermediul editorului de site, o problemă a ieșit în evidență mai mult decât majoritatea. WordPress nu are un sistem bine rotunjit de „lățime maximă”. Ca utilizator, am rămas cu puține opțiuni în setarea lățimii zonei de conținut a paginii mele de pornire. În prezent, autorii temei pot seta conținut personalizat, lățime largă și lățime completă. Cu toate acestea, acest sistem este îngrozitor de limitator. Nu există prea multe lucruri pe care autorii de temă pot face cu asta, iar această problemă limitează direct ceea ce utilizatorii pot face atât în ​​editorii de bloc, cât și în editoarele site-ului.

Am scris anterior despre necesitatea unui cadru de design, unul care poate fi personalizat de autorii temei. Tailwind CSS are un sistem de lățime maximă care oferă o mulțime de flexibilitate. WordPress trebuie să înceapă să împrumute idei din aceste cadre de design moderne.

Adăugați pictograma bloc

Obținerea pictogramei „Adăugați bloc” să apară atunci când treceți cu mouse-ul între elemente din zona de conținut implicită a fost dificil. A trebuit să-mi poziționez mouse-ul într-o poziție perfectă pentru ca acesta să apară. A fost un exercițiu de frustrare în care chiar și cea mai mică mișcare a făcut ca icoana să dispară din nou.

Comutarea la modul Top Toolbar a făcut acest lucru mult mai ușor. Presupun că bara de instrumente bloc implicită o ascundea într-o oarecare măsură. Problema cu trecerea la acest mod este că alegerea mea din bara de instrumente nu a fost salvată. De fiecare dată când mă întorceam la editorul site-ului, trebuia să-l activez din nou.

Bloc de interogări

Cel mai frustrant aspect al listării postărilor pe o pagină de pornire personalizată a fost stabilirea unei limite. Am vrut să setez numărul la trei. Cu toate acestea, blocul Query nu are nicio opțiune pentru a face acest lucru. În cele din urmă, am creat o limită falsă folosind filtrul de categorii, alegând una care avea doar câteva postări.

Actualizare: este posibil să setați o limită, așa cum a menționat Nick în comentarii. Există o pictogramă „setări” în bara de instrumente pentru a seta numărul de postări pe pagină, o compensare și numărul maxim de pagini. Nu sunt sigur de ce aceste setări speciale de interogare sunt separate de celelalte din bara laterală. Este mai logic ca ei să fie grupați împreună.

Un alt aspect confuz al blocului de interogare este filtrul de cuvinte cheie. Din câte știu, WordPress nu a folosit niciodată terminologia „cuvânt cheie”. În afara pluginurilor SEO, nu pare să existe niciun context pentru ceea ce face acest filtru. Bănuiesc că funcționează ca un cuvânt cheie de căutare.

Stiluri globale pentru toate blocurile

Când am trecut la panoul Stiluri globale, am observat că lipseau unele blocuri la aplicarea stilurilor la nivel de bloc. În special, am vrut să ajustez stilurile pentru blocul Ultimele comentarii.

Presupun că în listă apar numai blocuri cu tipografie, culori și alte opțiuni legate de design. Acest lucru va deruta probabil utilizatorii finali atunci când editorul site-ului ajunge în WordPress. Toate blocurile ar trebui să aibă opțiuni de stil pe care utilizatorii le pot personaliza.

Fără coloane cu lățime completă

Pentru conținutul paginii mele de pornire, am încercat să creez un bloc de coloane cu lățime completă. Cu toate acestea, cele două coloane individuale au fost limitate ca dimensiune, în ciuda faptului că au ocupat 66,67% și, respectiv, 33,33%.

Se pare că este o problemă de temă. De asemenea, aș susține că acesta este unul dintre acele momente în care ar fi ajutat un control mai direct asupra lățimii maxime. Îmi doream foarte mult ceva care să fie între lățimea completă și cea largă a temei.

Imagini prezentate

Nu există nicio modalitate de a seta dimensiunea imaginii de ieșire prin blocul Post Featured Image. Singura modalitate de a obține o dimensiune uniformă în acest moment este să pre-decupați imaginile înainte de a le încărca pe WordPress.

Nu există niciun motiv pentru care aceasta să nu fie în esență o variație a blocului Imagine. Singurul lucru de care au nevoie imaginile prezentate care este diferit este opțiunea de a trimite link la postare.