Cum un Studio de jocuri din München folosește WordPress și Gutenberg pentru a-și alimenta site-ul web

Mimimi, un studio de jocuri premiat cu sediul în Munchen, a lansat un nou site web WordPress care oferă un studiu de caz interesant al lui Gutenberg în sălbăticie. Deși s-ar putea să nu poți da seama de la interfață, în spatele scenei noul editor bazat pe blocuri alimentează aspectul cu blocuri personalizate, permițând echipei Mimimi să actualizeze cu ușurință diverse secțiuni ale site-ului lor.

Luehrsen Heinrich, o agenție de publicitate locală, a construit site-ul cu o temă personalizată și șapte blocuri adaptate pentru a sprijini cerințele de editare ale echipei Mimimi.

„Sarcina generală a fost de a crea un site web elegant, care este foarte ușor și rapid de întreținut și care poate avea mai târziu o secțiune de blog/știri”, a declarat Hendrik Luehrsen, CEO Luehrsen Heinrich. „Știam că clientul nostru are niște oameni uimitor de creativi și cunoscători de tehnologie, care au încredere în noi. Asta ne-a făcut încrezători să mergem în Gutenberg.”

Site-ul folosește un bloc de fundal care le permite editorilor să creeze diferite modele de fundal și separatoare ondulate. Luehrsen a spus că funcționează cu „InnerBlocks”, similar coloanelor, deci poate găzdui orice alt bloc.

Site-ul are, de asemenea, un bloc Discord personalizat care preia în mod dinamic unele setări pentru a afișa un set de utilizatori din Discord, pe care Mimimi îl folosește pentru comunicarea internă. Blocul afișează o listă actualizată a echipei. Rețelele sociale și blocurile de jocuri permit editorilor să actualizeze cu ușurință textul și imaginile cu aspectul deja setat.

„Sunt destul de sigur că am putea face același aspect la aproximativ 80% combinând coloane, paragrafe și imagini, dar nu am vrut ca clientul nostru să se joace ca în MS Word atunci când încercați să plasați o imagine”, a spus Luehrsen. . „Deci crearea unui bloc de aspect simplu a fost un lucru logic.”

Site-ul web al lui Mimimi folosește, de asemenea, un bloc personalizat de înscriere Mailchimp și un bloc de distanțare personalizat care oferă mai multă flexibilitate și puncte de întrerupere receptive.

„Per total, noi (și clienții noștri) suntem foarte mulțumiți de rezultat”, a spus Luehrsen. „Putem vedea viitorul WordPress înainte cu acest editor bazat pe blocuri. Dar mai este un drum foarte lung de parcurs până nu mai avem nimic de netezit. Sunt anumite lucruri, care necesită încă multă muncă.”

Din punct de vedere al dezvoltării, Luehrsen a spus că echipa sa încă se luptă cu stilurile de backend pentru editor și că stilurile de frontend și backend diferă foarte mult din cauza asta. De asemenea, nu au găsit încă o modalitate stabilă și care poate fi întreținută de a aplica stiluri globale la editorul Gutenberg. În afară de acele probleme restante, agenției i-a plăcut să construiască pentru noul editor și are un alt produs pe pagina Gutenberg care va fi lansat în curând pentru un alt set de clienți.

Experiența Gutenberg de la Mimimi Games: editorii apreciază conceptul de bloc, dar încă întâmpină probleme de utilizare

Johannes Roth, CEO al Mimimi Games, a declarat că echipa sa a folosit WordPress în trecut și vede Gutenberg ca o îmbunătățire majoră pentru editarea conținutului.

„Îmi place absolut, sincer!” spuse Roth. „Este mult mai ușor să înțelegeți configurarea paginii și să o personalizați. Dacă editorul Gutenberg primește câteva îmbunătățiri ale experienței utilizatorului, cu siguranță văd că este noua stare a tehnicii pentru întreținerea paginilor. Dar știind că încă nu a fost lansat oficial, a fost super robust și ușor de înțeles din punctul meu de vedere.”

Roth a spus că echipa sa apreciază configurarea blocurilor, capacitatea de a reorganiza conținutul, având mici bucăți de conținut la care să lucreze și opțiunile personalizate pentru fiecare bloc.

„Există mai puține distrageri cu barele de instrumente ciudate și accentul se pune pe conținut”, a spus Roth. „De asemenea, seamănă mai mult cu modul în care ar trebui să ne gândim la împărțirea părții de formatare și decorare din conținut, precum și la crearea unor pagini adecvate pentru compatibilitatea cu SEO.”

Roth a identificat două lucruri pe care echipa Mimimi le lipsește de la editorul anterior:

• Apăsând Tab pentru a indenta listele cu marcatori și comutați tabulator pentru a inversa
• Folosind ctrl+a pentru a selecta rapid tot textul dintr-un bloc (uneori selectează întreaga pagină, ceea ce nu ajută).

„Cea mai mare problemă cu utilizarea de până acum a fost combinația de blocuri și coloane, ceea ce face uneori foarte greu să atingeți pictograma „…” deoarece zonele de trecere cu mouse-ul sunt stivuite”, a spus Roth.

Activarea povestitorilor pe web-ul modern: de ce Luehrsen Heinrich a făcut saltul în dezvoltarea Gutenberg ca agenție

Luehrsen a spus că agenția sa a decis să se îmbarce în trenul Gutenberg anul trecut la WordCamp Europe, după ce a renunțat la propriile idei pentru a crea un nou generator de pagini.

„Cu una sau două luni înainte de WCEU de la Paris, eram pe un concept și o versiune alfa a propriului nostru sistem de generare de pagini care era înfricoșător de similar cu abordarea bazată pe blocuri”, a spus Luehrsen. „Acele întrebări și răspunsuri ale lui Matt ne-au făcut să realizăm rapid că proiectul nostru era deja învechit. Am fost norocoși că am trecut destul de repede prin cele cinci etape ale durerii (această postare despre datele structurate trebuie să fi fost „târguire”). Ne-am reordonat prioritățile și am început să lucrăm cu și pe Gutenberg la sfârșitul lunii octombrie sau noiembrie 2017.”

Luehrsen Heinrich este o agenție mică de doar patru oameni care sunt implicați cu Gutenberg în moduri diferite. Luehrsen este un colaborator activ la proiect, depunând primul său PR în perioada sărbătorilor de Crăciun. Echipa are, de asemenea, un dezvoltator care cunoaște crearea de blocuri în interior și în exterior, un designer care proiectează UX și stilul blocurilor lor și un manager de proiect care lucrează cu clienții la cerințele lor de editare Gutenberg.

Luehrsen a spus că a fi colaborator Gutenberg a ajutat enorm la crearea blocurilor de învățare, în ciuda faptului că nu avea experiență anterioară cu React și ES6.

„Lucrul cu Gutenberg, contribuția la proiect și primirea imediată a feedback-ului de la uimitoarea echipă Gutenberg, ne-a ajutat foarte mult să ne pornim procesul”, a spus Luehrsen. „Procesul nostru actual de creare a blocurilor se bazează în mare măsură pe munca pe care Gary, Adam, Matias și toți ceilalți au făcut-o, poate cu excepția că folosim LESS intern și nu SCSS. Dar de la structura folderului, la procesul de construire, la structurarea fișierului, încercăm să urmărim stilul Gutenberg repo cât mai aproape posibil, deoarece asta face depanarea și găsirea problemelor foarte ușoară.”

După ce a făcut saltul cu succes pentru a construi noul site web al lui Mimimi Games, bazat pe Gutenberg, echipa lui Luehrsen este de acord pentru a construi mai multe site-uri pentru clienți cu noul editor. El vede acest lucru ca pe o modalitate de a oferi o experiență de utilizator mai bună la o valoare mai bună pentru client.

„Clienții noștri împărtășesc convingerea noastră că povestirea în web-ul modern este mult mai mult decât doar scrierea de text”, a spus Luehrsen. „TinyMCE, în calitate de editor de „Text îmbogățit”, a făcut o treabă uimitoare, dar totuși, combinarea diferitelor tipuri de media într-o poveste coerentă a fost o mizerie cu metabox-uri, coduri scurte și, uneori, pentru teasere trebuia chiar să părăsești ecranul de editare. Gutenberg combină toate acestea într-un mod frumos, discret. Și, ca întotdeauna: dacă puteți obține un rezultat bun într-un mod mai rapid, acel timp economisit este ceea ce cumpără în esență clientul.”