Gutenberg ile WordPress Eklentilerinin Geleceği

Gutenberg! Yazı yazmamıza, güzel düzenler oluşturmamıza ve sonunda kötü şöhretli sayfa oluşturuculardan kurtulmamıza yardımcı olacak WordPress'in gelecekteki editörü. En azından bize söz verdiler, çünkü çok güzel görünse de yine de oldukça yeşil.

Proje hakkında hiçbir şey bilmiyorsanız (ciddi misiniz?), artılarını ve eksilerini tartışan çok sayıda inceleme var. WPLift'teki Gutenberg incelemesi, projeye oldukça iyi bir giriş niteliğindedir:

Gutenberg , varsayılan WordPress Düzenleyicisine tamamen farklı bir bakış açısı sunuyor. Temelde bir Word belgesiyle aynı işlevi gören uzun bir giriş kutusu yerine, Editör artık tek tek bloklara bölünmüştür. Bir blok birkaç metin paragrafı, diğeri bir görüntü ve bir diğeri bir düğme içerebilir. Yani falan.

(…)

Gutenberg'in içeriklerini WordPress Editöründe yazmayı seven sıradan kullanıcılar için bir gelişme olduğunu düşünüyorum. Ancak Google Dokümanlar'dan günde birden fazla gönderi yazan ve yükleyen biri olarak, çalışma şeklime bağlı olarak Gutenberg'in herhangi bir faydasını görmüyorum. Tek yaptığı, Google Dokümanlar gibi bir şeyden içerik getirmeyi çok daha zor hale getirmek .

Colin Yeni Gelenler – WPLift

Bu nedenle, sıradan kullanıcılar için bir gelişme olabilecek içerik (bloklar) oluşturmak için yeni bir paradigma getiriyor. Ancak böyle bir paradigma kayması ihtiyacınız olan şey olmayabilir. Gutenberg'in doğru karar olup olmadığını bize yalnızca zaman gösterecek – kişisel olarak öyle olacağını düşünüyorum ve umuyorum, çünkü bu çok fazla potansiyele sahip ilginç bir fikir (yakın zamanda blogumuzda röportaj yaptığımız bazı kişiler tarafından paylaşılan bir fikir, Caspar veya Alice gibi).

Her ne olursa olsun, Gutenberg açık bir şekilde sıcak bir konu ve onu tartışmadan bir hafta daha geçemezdik. Az önce söylediğim gibi umut verici bir proje ama bizi ilgilendiren bazı konular var. Özellikle, eklentileri (evet, Nelio İçeriği ve Nelio A/B Testini düşünüyorum) yeni düzenleyiciyle entegre etmek yakın zamana kadar karmaşık görünüyordu…

Gutenberg—Yeni Editör

Mevcut WordPress editörü eski bir tanıdıktır. Son yıllarda (özellikle WordPress 3.8'in ortaya çıkması ve MP6 projesinin entegrasyonu ile) biraz yüz yıkamasına rağmen, gerçek şu ki, araç çubuğu en üstte ve bir stil ile hala klasik TinyMCE tabanlı WYSIWYG editörüdür. bu, kullanıcılarımızın gönderiye eriştiklerinde göreceklerini taklit etmeye çalışır:

Gutenberg paradigmayı tamamen değiştiriyor ve yazı yazma şeklimizi “modernleştiriyor”. Az önce gördüğümüz gibi, bu editörün ana yeniliği, tüm yazının kopyalarının bloklar halinde düzenlenmesidir: bir paragraf, bir alıntı, bir resim, bir galeri… hepsi birbirinden bağımsız, kendi bağlamsal düzenleme araçlarıyla ve onları kolayca hareket ettirme yeteneği:

Gördüğünüz gibi Gutenberg , klasik editörden çok daha temiz ve minimalist bir arayüze sahip. Kişisel olarak bu tasarımı seviyorum, çünkü kullanıcı arayüzleri ne kadar basit olursa o kadar iyi – daha güzel bir UX, WordPress'in yeni kullanıcıları çekmesine ve daha az aktif olanlarla yeniden etkileşim kurmasına yardımcı olacaktır. Ancak, WPLift'te Colin tarafından belirtildiği gibi, içerik oluşturma şeklimizi kökten değiştiriyor, bu nedenle profesyonel metin yazarlarının Gutenberg'i memnuniyetle karşılayıp karşılamayacağını veya eski editörü kullanmaya devam edip etmeyeceğini hala bilmiyorum.

Ancak bugün, Gutenberg'i ve işlevlerini yeniden gözden geçirmekle ilgilenmiyorum. Bunun yerine, WordPress ekosistemi için çok ama çok önemli bir şeye odaklanmak istiyorum : WordPress eklentilerinin yeni editörle entegrasyonu . Fark etmediyseniz, WordPress sürümü sayfası yalnızca düzenleyiciyi içermez, ekstra işlevlere sahip kutularla doludur. Bu kutuların çoğu, Nelio İçeriği tarafından eklenen Sosyal Medya veya Referans kutuları gibi eklentileriniz tarafından dahil edilen özelliklerdir:

Entegrasyon Sorunları—Editör (Meta) Kutuları

Gutenberg'in ilk sürümleri meta kutuları sorunuyla hiç ilgilenmedi (bu bir öncelik değildi) ve projenin Github deposunda bir noktada bunları entegre etme ihtiyacı hakkında yorum yapan bir sorun vardı. Böyle bir entegrasyonun sorunu, göründüğünden çok daha karmaşık olmasıdır . Bir yandan, Gutenberg'in geliştirme ekibinin uygulanması için oldukça modern teknolojiler kullandığına sahibiz (temelde, her şeyi bir JavaScript çerçevesi olan React ile sıfırdan yazıyorlar), bu nedenle mevcut meta kutuları (PHP'de tanımlanmıştır) taşıyorlar. yeni düzenleyiciye göre oldukça karmaşık olabilir. Öte yandan, proje bu kutuları nereye ve nasıl koyacağımızı da tanımlamadı (bugünlerde temelde iki olası alan olduğunu unutmayın: daha küçük kutular yanda ve daha büyük kutular editörün altında).

Bütün bunları nasıl çözebiliriz? Şimdilik Gutenberg ekibi editörün altında teoride kutularımızı koyabileceğimiz bir alan ( Genişletilmiş Ayarlar ) hazırladı. Aslında, birkaç gün önce ekip, Gutenberg 1.5'in "mevcut meta kutuları müdahale olmadan desteklemeye yönelik bir ilk geçiş" içerdiğini duyurdu. Bu kesinlikle ileriye doğru atılmış büyük bir adım, ancak Gutenberg'in aslında tekerleği yeniden icat ettiğini ve zaten sahip olduğumuz şeye geri döndüğünü fark etmemi sağladı: etrafında fazladan meta kutuları olan bir editör. Bu nedenle, tüm düzenleme sonrası ekranını yeniden yazmak gerçekten gerekli miydi?

Birkaç gün önce Yoast'ın blogunu okuyordum ve eklentileri Gutenberg ile entegre etme sorununun onları da endişelendirdiğini gördüm. Joost, gönderilerinde size az önce söylediklerimin altını çiziyor: Gutenberg ve blok düzenleme, WordPress'te devrim yapacak, ancak uygulanmasının tüm kullanıcı arayüzünü bir kerede değiştirmesi gerekmiyor. Aslında, editörün kendisini klasik TinyMCE'den Gutenberg'e değiştirmek ve düzenleme ekranını etrafındaki “eski” kutu konseptiyle olduğu gibi tutmak yeterli olacaktır:

Bu teklifle, daha tanıdık ve tamamen geriye dönük uyumlu bir arayüze bakıyoruz (en azından kağıt üzerinde – gerçek şu ki, dahili/uygulama düzeyinde herhangi bir sorun olup olmayacağını bilmiyorum). Yoast fikrini takiben, Nelio Content gibi bir eklentinin Gutenberg'in içinde nasıl görünebileceğini düşünmek çok basit:

Kuşkusuz sade, şık ve işlevsel bir çözüm. Bazı insanların görebileceği tek dezavantaj , gerçekten "yenilikçi" olmamamızdır -hala aynı eski çözüme ve dolayısıyla aynı eski sorunlara sahibiz. Ancak bunun bir rahatsızlık değil, bir erdem olduğuna içtenlikle inanıyorum. Bu tür bir çözümü kullanmak , Guntenberg'i bebek adımları atarak, bileşenleri birer birer değiştirerek tanıtmamızı sağlar: önce düzenleyici, sonra kutular, vb.

Bazı "yenilikçi" çözümler görmekle ilgileniyorsanız, Github'da "meta kutu" kavramını bir şekilde ortadan kaldıran ve bu "ek ayarlamaları" düzenleyicinin kendisine entegre eden bazıları var:

ama özellikle onlara ilgi duymuyorum… aynı bileşende çok fazla bilgi (ön ve arka uç verileri) var!

Bir CMS Olarak WordPress'in Gücü

WordPress bugün olduğu yerdeyse, bu muazzam çok yönlülüğü sayesindedir. WordPress , yıllardır sadece bir blog platformundan daha fazlası olmuştur, bu nedenle editörünü yalnızca blog girişlerine dayanarak yeniden tasarlayamayız (şu anda Gutenberg böyle görünüyor). Örneğin, Kevin Whoffman, özel gönderi türleri için oldukça yaygın bir kullanıcı arayüzünün aşağıdaki ekran görüntüsünü paylaşıyor:

Kevin'in bize söylediği gibi, yalnızca ve münhasıran özel alanlara bağlı olan kişiselleştirilmiş bir içerikle uğraşıyoruz. Bu tür içerik klasik WordPress düzenleyicisine bile sahip değil , peki Gutenberg kullanmanın amacı nedir? Bunu Gutenberg'in şu anki önerisine nasıl uyarlayabiliriz?

CPT'lerde Gutenberg desteğinin kaydedildiği onaylanmadı ve dürüst olmak gerekirse, meta kutuları sorununu çözmekten çok kaçınmak gibi geliyor.

Kevin Whoffman

Yoast'ın çözümünü kullanarak, bu senaryo bir sorun olmazdı – yine de normal meta kutularımız olurdu ve ( Gutenberg ) düzenleyicisi yine isteğe bağlı olurdu.

Bununla birlikte, kutuların mevcut çözümünün de beni tamamen ikna etmediğini itiraf etmeliyim – düzenleme ekranında o kadar çok kutuyla karşılaşabilirsiniz ki, “basit olma” hedefi basitçe ortadan kalkar. Bu kayıtlı meta kutuları patlamasına olası bir çözüm, onları gruplandırmak için görünümleri kullanmaktır . Mevcut Gutenberg düzenleyicisi, sağ üst köşedeki küçük bir menü aracılığıyla görsel düzenleyici ve metin düzenleyici arasında geçiş yapmanızı sağlar (Yoast'ın önerisinde sol üst köşededir):

O menüye yeni “görünümler” ekleyebiliriz , böylece kullanıcıya sunulan arayüz (yani, gördükleri kutular/araçlar seti) herhangi bir zamanda kullandıkları görünüme bağlı olur. Mevcut görünüm seti tamamen eklentilere bağlı olabilir veya 4 veya 5 ana kategoride önceden ayarlanabilir. Örneğin, şöyle bir şeyle başlardım:

1. Görsel Düzenleme. Burada tipik kutularla birlikte görsel düzenleyiciye sahip olacağız: kategoriler, etiketler, yayın vb.
2. Ham Düzenleme. Bu tür bir düzenlemede, varsayılan olarak, yine görsel düzenleyicideki kutularla birlikte metin düzenleyici/HTML'ye sahip olurduk (evet, aynı kutu birden çok görünümde görünebilir). Kevin'inki gibi özel gönderi türlerinde, Görsel Düzenleme görünümünü seçme seçeneği olmayacaktı ve Ham Düzenleme metin düzenleyiciyi içermeyecekti ; meta alanları düzenlemek için yalnızca Gelişmiş Özel Alanlar ile oluşturulan kutuyu sunacaktı.
3. Analitik. Burada, sosyal ağlardan, Google Analytics'ten , Yoast'ın kalite analizinden vb. bilgiler içeren Nelio Content'te bulunanlar gibi kutularımız olabilir.
4. Sosyal. Okuyucu etkileşimleriyle ilgilenen kutular bu görünümde görünür: Nelio İçeriğinden gelen sosyal mesajlar , WordPress yorum kutuları vb.
5. Meta. Burada başka hiçbir yere sığmayan diğer kutuları bulacaksınız.

Ne düşünüyorsun? Hangilerini koyardınız?

Özetle

Gutenberg, çok fazla potansiyeli olan çok iddialı bir projedir. Bloklar fikri harika ve cilalanması gerekmesine rağmen, WordPress'in geleceği olduğunu düşünüyorum. Arkasındaki tek sorun, gereğinden fazla şeyi değiştirmeyi hedeflemesidir.

Gutenberg , eklentilerin entegre edilebilmesi için henüz ikna edici bir cevap verememiştir. Geriye dönük uyumluluğu garanti etmek için projenin Github'ında birçok çözüm düşünülüyor. Bazı insanlar, düzenleme ekranının farklı bileşenlerini yavaş yavaş değiştirerek adım adım bir entegrasyon istiyor. Bu anlamda, en muhafazakar olduğu için Yoast'ın önerisinin en gerçekçi ve etkili olduğuna inanıyorum.

Gutenberg ekibinin WordPress'i bir sonraki seviyeye taşımak istediğini anlıyorum ve bu nedenle “sıfırdan başlamak” için iyi bir zaman olduğunu düşünüyorlar. Ama bence dikkatli olmamız gerekiyor ve bu yüzden görüş fikrini “sahip olduğumuz şeyi değiştirmek ve her şeyi değişmeden tutmak” için bir formül olarak öneriyorum. Yani WordPress kutularını saklıyorum ama görünümlerle düzen ve temizlik katıyorum.

Ne düşünüyorsun?

Unsplash aracılığıyla Mr Cup / Fabien Barral'ın Öne Çıkan Görüntüsü.