Münih merkezli bir Oyun Stüdyosu, Web Sitesini Güçlendirmek için WordPress ve Gutenberg'i Nasıl Kullanıyor?

Münih merkezli ödüllü bir oyun stüdyosu olan Mimimi, vahşi doğada Gutenberg hakkında ilginç bir vaka çalışması sunan yeni bir WordPress web sitesi başlattı. Ön uçtan anlayamayabilirsiniz, ancak perde arkasında yeni blok tabanlı düzenleyici, mimimi ekibinin web sitelerinin çeşitli bölümlerini kolayca güncellemesine izin vererek mizanpajı özel bloklarla güçlendiriyor.

Yerel bir reklam ajansı olan Luehrsen Heinrich, siteyi özel bir tema ve Mimimi ekibinin düzenleme gereksinimlerini desteklemek için uyarlanmış yedi blokla oluşturdu.

Luehrsen Heinrich CEO'su Hendrik Luehrsen, "Genel görev, bakımı çok kolay ve hızlı olan ve belki daha sonra bir blog/haber bölümü alacak zarif bir web sitesi oluşturmaktı" dedi. “Müşterimizin bize güvenen inanılmaz derecede yaratıcı ve teknoloji konusunda bilgili insanlara sahip olduğunu biliyorduk. Bu, Gutenberg'e girme konusunda bize güven verdi."

Site, editörlerin farklı arka plan desenleri ve dalgalı ayırıcılar oluşturmasını sağlayan bir arka plan bloğu kullanır. Luehrsen, sütunlara benzer şekilde 'InnerBlocks' ile çalıştığını ve böylece başka herhangi bir bloğu barındırabileceğini söyledi.

Site ayrıca, Mimimi'nin dahili iletişim için kullandığı Discord'dan bir dizi kullanıcıyı görüntülemek için bazı ayarları dinamik olarak getiren özel bir Discord bloğuna sahiptir. Blok, güncellenmiş bir ekip listesini görüntüler. Sosyal medya ve oyun blokları, editörlerin metin ve görüntüleri önceden ayarlanmış düzen ile kolayca güncellemelerini sağlar.

Luehrsen, "Sütunları, paragrafları ve resimleri birleştirerek aynı düzeni yaklaşık %80'e kadar yapabileceğimizden oldukça eminim, ancak müşterimizin bir resim yerleştirmeye çalıştığınızda MS Word'de olduğu gibi etrafta dolaşmasını istemedik" dedi. . "Yani basit bir yerleşim bloğu oluşturmak mantıklı bir şeydi."

Mimimi'nin web sitesi ayrıca özel bir Mailchimp kayıt bloğu ve daha fazla esneklik ve duyarlı kesme noktaları sunan özel bir boşluk bloğu kullanır.

Luehrsen, "Sonuç olarak biz (ve müşterilerimiz) sonuçtan çok memnunuz" dedi. “Bu blok tabanlı düzenleyici ile WordPress'in geleceğini görebiliriz. Ama artık gerçekten düzeltecek hiçbir şeyimiz kalmayana kadar gidecek çok uzun bir yol var. Hâlâ çok çalışma gerektiren bazı şeyler var.”

Geliştirme açısından Luehrsen, ekibinin hala editör için arka uç stilleriyle mücadele ettiğini ve bu nedenle ön uç ve arka uç stillerinin çılgınca farklı olduğunu söyledi. Ayrıca Gutenberg editörüne global stiller uygulamanın sürdürülebilir ve istikrarlı bir yolunu da henüz bulamadılar. Bu olağanüstü sorunlar dışında, ajans yeni editör için inşa etmekten keyif aldı ve yakında farklı bir müşteri grubu için başka bir Gutenberg sayfası ürünü piyasaya sürdü.

Mimimi Games'in Gutenberg Deneyimi: Editörler Blok Konseptini Takdir Ediyor Ancak Yine de Kullanılabilirlik Sorunlarıyla Karşılaşıyor

Mimimi Games CEO'su Johannes Roth, ekibinin geçmişte WordPress kullandığını ve Gutenberg'i içerik düzenleme konusunda büyük bir gelişme olarak gördüğünü söyledi.

“Kesinlikle seviyorum, dürüstçe!” dedi Roth. “Sayfanın kurulumunu anlamak ve özelleştirmek çok daha kolay. Gutenberg editörü birkaç kullanıcı deneyimi iyileştirmesi alırsa, kesinlikle sayfaların bakımı için son teknoloji olduğunu görüyorum. Ancak henüz resmi olarak piyasaya sürülmediğini bilerek, süper sağlam ve benim açımdan anlaşılması kolay oldu.”

Roth, ekibinin blok kurulumunu, içeriği yeniden düzenleme yeteneğini, üzerinde çalışılacak küçük içerik parçalarına sahip olmayı ve blok başına özel uyarlanmış seçeneklere sahip olmayı takdir ettiğini söyledi.

Roth, "Tuhaf araç çubuklarıyla daha az dikkat dağıtıcı şey var ve odak içerik üzerinde" dedi. “Ayrıca, biçimlendirme ve dekorasyon bölümünü içerikten ayırmanın yanı sıra SEO dostu için uygun sayfalar oluşturma hakkında nasıl düşünmemiz gerektiğine daha yakından benziyor.”

Roth, Mimimi ekibinin önceki editörde gözden kaçırdığı iki şeyi belirledi:

• Madde işaretli listeleri girintilemek için sekmeye basmak ve sekmeyi ters çevirmek için kaydırmak
• Bir blok içindeki tüm metni hızlı bir şekilde seçmek için ctrl+a'yı kullanmak (bazen yardımcı olmayan tüm sayfayı seçer).

Roth, "Kullanılabilirlikle ilgili şimdiye kadarki en büyük sorun, bazen '…' simgesine basmayı gerçekten zorlaştıran blokların ve sütunların birleşimi olmuştur, çünkü fareyle üzerine gelinen bölgeler yığılır," dedi Roth.

Modern Web'de Öykü Anlatıcılarının Etkinleştirilmesi: Luehrsen Heinrich Neden Bir Ajans Olarak Gutenberg Gelişimine Sıçradı?

Luehrsen, ajansının yeni bir sayfa oluşturucu oluşturmak için kendi fikirlerinden vazgeçtikten sonra geçen yıl WordCamp Europe'ta Gutenberg trenine binmeye karar verdiğini söyledi.

Luehrsen, "Paris'teki WCEU'dan bir veya iki ay önce, kendi sayfa oluşturma sistemimizin blok tabanlı yaklaşıma ürkütücü derecede benzeyen bir konsept ve alfa versiyonu üzerinde oturuyorduk" dedi. "Matt'in bu Soru-Cevap kısmı, projemizin zaten modasının geçmiş olduğunu hemen fark etmemizi sağladı. Kederin beş aşamasından oldukça hızlı geçtiğimiz için şanslıydık (yapılandırılmış verilerle ilgili bu gönderi "pazarlık" olmalı). Önceliklerimizi yeniden düzenledik ve 2017 yılının Ekim veya Kasım ayının sonunda Gutenberg ile ve üzerinde çalışmaya başladık.”

Luehrsen Heinrich, hepsi Gutenberg ile farklı şekillerde ilgilenen sadece dört kişiden oluşan küçük bir ajans. Luehrsen, Noel tatillerinde ilk PR'ını göndererek projeye aktif olarak katkıda bulunuyor. Ekip ayrıca, blok oluşturmanın içini ve dışını bilen bir geliştiriciye, bloklarının kullanıcı deneyimini ve stilini tasarlayan bir tasarımcıya ve müşterilerle Gutenberg düzenleme gereksinimleri üzerinde çalışan bir proje yöneticisine sahiptir.

Luehrsen, React ve ES6 ile daha önce hiçbir deneyimi olmamasına rağmen, Gutenberg'e katkıda bulunmanın öğrenme blokları oluşturma konusunda son derece yardımcı olduğunu söyledi.

Luehrsen, "Gutenberg ile çalışmak, projeye katkıda bulunmak ve harika Gutenberg ekibinden anında geri bildirim almak, sürecimizi yeniden başlatmamıza çok yardımcı oldu" dedi. “Mevcut blok oluşturma sürecimiz, büyük ölçüde Gary, Adam, Matias ve diğerlerinin yaptığı çalışmalara dayanıyor, belki de SCSS yerine LESS'i dahili olarak kullanmamız dışında. Ancak klasör yapısından oluşturma sürecine, dosyanın yapılandırılmasına kadar, hata ayıklamayı ve sorunları bulmayı çok kolaylaştıran Gutenberg repo stilini mümkün olduğunca yakından takip etmeye çalışıyoruz.”

Luehrsen'in ekibi, Mimimi Games'in yeni Gutenberg destekli web sitesini kurmak için başarılı bir atlayış yaptıktan sonra, yeni editörle daha fazla müşteri sitesi oluşturmak için gemide. Bunu, müşteri için daha iyi bir değerde daha iyi bir kullanıcı deneyimi sunmanın bir yolu olarak görüyor.

Luehrsen, "Müşterilerimiz, modern web'de hikaye anlatmanın sadece metin yazmaktan çok daha fazlası olduğuna dair inancımızı paylaşıyor" dedi. “'Zengin Metin' editörü olarak TinyMCE harika bir iş çıkardı, ancak yine de farklı medya türlerini tutarlı bir hikayede birleştirmek meta kutular, kısa kodlar ve bazen tanıtımlar için düzenleme ekranından ayrılmanız bile gerekiyordu. Gutenberg tüm bunları hoş ve göze batmayan bir şekilde birleştirir. Ve her zaman olduğu gibi: Daha hızlı bir şekilde iyi bir sonuca varabilirseniz, müşterinin esasen satın aldığı şey o zamandan tasarruf etmektir."