Un an cu Gutenberg

Se pare că a fost ieri când Gutenberg a devenit parte oficială a WordPress, dar, credeți sau nu, a trecut deja peste un an! Anul 2019 a fost, fără îndoială, anul lui Gutenberg în WordPress. Îl iubesc sau îl urăsc, nu va merge nicăieri în curând și, de fapt, este acum un nou standard în iubitul nostru CMS, menit să ofere o experiență mai bună pentru utilizator.

În postarea de astăzi aș dori să trec rapid în revistă tot ce a realizat editorul de blocuri WordPress în ultimele luni. În special, aș dori să discut despre ce îl face special, de ce unii îl iubesc și alții îl urăsc și ce a însemnat pentru noi, dezvoltatorii. Să facem asta!

Lansarea lui Gutenberg

În State of the Word din 2016, Matt a spus că editorul WordPress este unul dintre lucrurile pe care ar trebui să ne concentrăm, deoarece avea nevoie de multă muncă pentru a fi îmbunătățit. La acel moment, au apărut primele zvonuri despre un „editor bazat pe blocuri” cu care să „unificați widget-urile” și „îmbunătățirea codurilor scurte ”. A fost prima vedere la ceea ce avea să devină atunci Gutenberg?

Un an mai târziu, în State of the Word 2017, Matt a prezentat oficial Gutenberg, un proiect a cărui dezvoltare durase deja 11 luni și mai avea încă câteva de făcut. Proiectul a introdus conceptul de „blocuri” ca o soluție elegantă pentru crearea și gestionarea conținutului . Gutenberg era încă prea verde pentru a face parte din nucleul WordPress, așa că a rămas ca plugin pentru câteva luni încă.

În sfârșit, după doi ani de gestație, a venit momentul să prezentăm noul copil în fața societății și la sfârșitul anului 2018 Gutenberg a devenit în sfârșit parte din WordPress Core . În opinia mea (și a multor alți profesioniști din sector), a fost o decizie pripită – am simțit că pluginul nu era încă gata pentru publicul larg, dar, din păcate, iată că a fost. Integrarea lui Gutenberg în noua versiune de WordPress a fost plină de controverse și multă lume l-a urât.

Pentru a evita relele majore, echipa de dezvoltare WordPress a pregătit și un plugin paralel cu care să dezactiveze complet Gutenberg și să continui astfel să folosești editorul clasic... dar dezvoltarea lui Gutenberg nu s-a oprit aici, desigur!

Primii pasi

După cum am spus mai sus, lansarea oficială a lui Gutenberg a fost cam grea, mai ales că a avut mulți detractori și au fost multe detalii de șlefuit. Cu siguranță s-a simțit ca o decizie grăbită. Știi, WordCamp US 2018 era chiar după colț și „avem nevoie de Gutenberg să fie deja în el”, și așa au făcut.

Oricum ar fi, realitatea a fost ceea ce a fost și, până în ianuarie 2019, cu toții aveam acest nou editor în tabloul de bord WordPress. Aceasta a însemnat că utilizatorii și dezvoltatorii au trebuit să se adapteze la această nouă realitate... și cu cât am făcut-o mai devreme, cu atât mai bine!

Principala problemă cu care ne-am confruntat cu toții în primele câteva săptămâni a fost UX-ul său slab performant. Îmi amintesc că editorul era complet inutilizabil dacă îl foloseai cu Yoast, aparent din cauza unei probleme cu API-ul de adnotare Gutenberg. Blocurile s-au mutat în moduri ciudate, comenzile rapide de la tastatură au fost diferite și imprevizibile, editorul a rămas în urmă la computerele mai vechi...

Dar, în ciuda erorilor și problemelor inițiale, ritmul frenetic de dezvoltare a pluginului a făcut posibil ceea ce părea aproape imposibil: remedierea și îmbunătățirea rapidă a experienței utilizatorului pe care o aveai atunci când folosești Gutenberg. Ceva care, dacă sunt complet sincer cu tine, era foarte necesar, deoarece editorul clasic era destul de depășit:

Evoluţie

Evoluția lui Gutenberg în primul său an de viață publică a fost cu adevărat incredibilă. Actualizările au avut loc una după alta, iar dezvoltatorii au șlefuit fiecare detaliu al lui Gutenberg până când a devenit o interfață mai prietenoasă și mai eficientă. Când ne uităm la cifre și, în special, la rata de adoptare a lui Gutenberg, se pare că suntem pe drumul cel bun. La momentul scrierii acestei postări, două din trei instalări WordPress folosesc versiunea 5.x, ceea ce înseamnă că Gutenberg este disponibil nativ pentru două treimi din toți utilizatorii WordPress.

Dar, adevărul să fie spus, amintiți-vă că puteți dezactiva complet Gutenberg prin simpla instalare a pluginului Classic Editor. În acest moment, acest plugin are peste 5 milioane de instalări active și peste 700 de evaluări de cinci stele, însoțite de comentarii precum „vechiul este aur”, „cel mai important plugin pe care îl am” sau „pluginul pe care îl folosesc pe toate site-urile mele”. Deci este posibil ca Gutenberg să fie un fiasco?

Ei bine, în opinia mea, nu. Dacă te uiți la tendința actuală a instalărilor active corespunzătoare pluginului Classic Editor, vei vedea că încetinește. Aceasta înseamnă că, pe măsură ce trece timpul, din ce în ce mai puțini oameni folosesc acest plugin. O posibilă explicație pentru aceasta este faptul că Gutenberg este deja „destul de bun” și, prin urmare, nu este nevoie să folosiți versiunea mai veche a editorului. Și aceasta este, fără îndoială, o veste foarte bună.

Biblioteci bloc

Una dintre consecințele integrării oficiale a lui Gutenberg în WordPress a fost proliferarea de noi blocuri cu care să creați conținut. În mod clar, dezvoltatorii au identificat un punct de durere și au decis să îmbunătățească experiența generală.

În ultimele luni, am văzut cum au apărut pluginurile cu unicul scop de a extinde gama de blocuri disponibile pentru Gutenberg. Astfel, de exemplu, avem plugin-uri precum Atomic Blocks care adaugă blocuri noi, precum și plugin-uri precum Stackable sau EditorsKit care includ noi stiluri și oferă opțiuni suplimentare de editare blocurilor deja existente.

Avantajele lui Gutenberg

Una dintre marile critici care au existat întotdeauna în WordPress a fost efectul de blocare inframous. Practic, acest efect descrie dependența care apare cu anumite teme sau pluginuri atunci când începeți să le utilizați. Odată ce ați creat conținut cu unul dintre aceste proiecte de blocare, nu puteți scăpa de ele ușor sau veți pierde conținutul menționat.

Cele mai multe exemple ale acestui efect pot fi găsite cu generatorii de pagini. Când aveam doar editorul WordPress clasic, mulți dezvoltatori de teme au identificat încă o nevoie: utilizatorii doreau să poată aranja paginile folosind un editor vizual care le permitea să tragă și să plaseze blocuri de conținut pentru a-și construi paginile cu ușurință. Din păcate, construirea unei pagini cu un astfel de generator de pagini însemna că veți fi blocat cu acel generator de pagini pentru totdeauna - dacă nu mai doriți să utilizați generatorul de pagini, mai întâi ar trebui să vă recreați pagina sau riscați să pierdeți aceasta.

Gutenberg a fost o revoluție în acest sens. Acum, datorită introducerii oficiale a conceptului de „bloc”, constructorii de pagini au în sfârșit la îndemână un mecanism standard cu care să definească aspectul unei pagini. Trebuie pur și simplu să folosească noile interfețe oferite de Gutenberg. Sigur, procesul de standardizare a actualilor constructori de pagini la blocurile WordPress va fi lent, dar nu am nicio îndoială că se va întâmpla în cele din urmă.

Îmbunătățiri continue

Gutenberg devine din ce în ce mai bun la fiecare nouă lansare, deoarece noi funcții și câteva îmbunătățiri sunt incluse în fiecare versiune. De exemplu, în urmă cu câteva săptămâni a apărut o nouă versiune a pluginului Gutenberg (7.1 deja) cu mici îmbunătățiri de utilizare pentru utilizatori, cum ar fi un dialog de bun venit pentru a-l „întâlni” pe Gutenberg sau îmbunătățiri ale selecției de conținut cu mai multe blocuri.

Dar există o îmbunătățire care îmi place în mod deosebit și este vorba despre moțiunile din editor. Vă rugăm să aruncați o privire la această postare a lui Matias Ventura, unde aveți o explicație foarte detaliată despre „cum ne ajută mișcarea să înțelegem schimbarea”.

Ce a însemnat Gutenberg pentru noi (la Nelio)

Sosirea lui Gutenberg a adus și actualizări interesante în compania noastră. În esență, dacă doream să dezvoltăm produsele noastre și să le facem compatibile cu Gutenberg, a trebuit să reciclăm și să învățăm o stivă cu totul nouă de dezvoltare.

După cum v-a spus Toni în urmă cu câteva săptămâni, în ultimii doi ani am studiat și am învățat React și Redux. Ca urmare a acestei etape de învățare am lansat câteva plugin-uri specifice pentru Gutenberg, precum Nelio Maps, Nelio Translate sau Nelio Compare Images. De asemenea, am dedicat o bună parte din timpul și resursele noastre modernizării Nelio A/B Testing, iar în prezent ne asumăm aceeași sarcină cu Nelio Content.

Am aplicat chiar și unele dintre abilitățile noastre nou dobândite pentru a contribui la WordPress și am propus mai multe solicitări de extragere:

• Remediere erori cu date
• Remediere erori cu argumente de interogare și fragmente de URL în JS
• Propunere de lucru cu atributele Number și Boolean în API-ul Block
• Remediere erori cu entități HTML (ne)escape

Nimănui nu-i plac schimbările. Când te obișnuiești cu un set de instrumente sau tehnologii, probabil că nu vrei să le lași în urmă pentru a învăța ceva nou. Oamenii sunt reticenți ca lucrurile să se schimbe... dar, dacă sunt sincer, schimbarea ne-a servit bine. Suntem foarte mândri de tot ce am învățat pe parcurs și de lucrurile pe care le putem face astăzi datorită lui Gutenberg.

Și tu? Îți place Gutenberg? Cum ți -a schimbat viața? Anunțați-ne în secțiunea de comentarii de mai jos.

Imagine prezentată de pe freestocks.org pe Unsplash.