Gutenberg ile Bir Yıl

Gutenberg'in WordPress'in resmi bir parçası olduğu zaman dün gibi görünüyor, ancak ister inanın ister inanmayın, bir yıldan fazla oldu! 2019 yılı şüphesiz WordPress'te Gutenberg yılıydı. Sevin ya da sevmeyin, yakın zamanda hiçbir yere gitmeyecek ve aslında, artık daha iyi bir kullanıcı deneyimi sunmayı amaçlayan sevgili CMS'mizde yeni bir standart.

Bugünkü gönderide, WordPress blok düzenleyicisinin son birkaç ayda başardığı her şeyi hızlıca gözden geçirmek istiyorum. Özellikle, onu neyin özel kıldığını, neden bazı insanların onu sevdiğini ve bazılarının ondan nefret ettiğini ve bunun biz geliştiriciler için ne anlama geldiğini tartışmak istiyorum. Hadi bunu halledelim!

Gutenberg'in Lansmanı

2016'da Word of the Word'de Matt, WordPress editörünün iyileştirilmesi için çok çalışmaya ihtiyaç duyduğu için odaklanmamız gereken şeylerden biri olduğunu söyledi. O zaman, “widget'ları birleştirecek” ve “kısa kodları iyileştirecek” “blok tabanlı bir düzenleyici” hakkında ilk söylentiler ortaya çıktı. O zaman Gutenberg olacak şeye ilk bakış mıydı?

Bir yıl sonra, The State of the Word 2017'de Matt, Gutenberg'i, geliştirmesi zaten 11 ay süren ve daha bitmesi gereken birkaç proje olan Gutenberg'i resmen sundu. Proje , içerik oluşturma ve yönetimine zarif bir çözüm olarak “bloklar” kavramını tanıttı. Gutenberg, WordPress çekirdeğinin bir parçası olamayacak kadar yeşildi, bu yüzden birkaç ay daha eklenti olarak kaldı.

Sonunda, iki yıllık hamilelikten sonra, yeni çocuğu topluma sunma zamanı geldi ve 2018'in sonunda Gutenberg nihayet WordPress Core'un bir parçası oldu . Bence (ve sektördeki diğer birçok profesyonelin görüşüne göre), bu aceleci bir karar gibi geldi - eklentinin genel halk için henüz hazır olmadığını hissettik ama ne yazık ki oradaydı. Gutenberg'in WordPress'in yeni sürümüne entegrasyonu tartışmalarla doluydu ve birçok insan bundan nefret ediyordu.

Büyük kötülüklerden kaçınmak için, WordPress geliştirme ekibi ayrıca Gutenberg'i tamamen devre dışı bırakmak ve böylece klasik düzenleyiciyi kullanmaya devam etmek için paralel bir eklenti hazırladı… ancak Gutenberg'in gelişimi elbette burada bitmedi!

İlk adım

Yukarıda belirtildiği gibi, Gutenberg'in resmi lansmanı biraz zor oldu, özellikle de pek çok kötüleyeni olduğu ve cilalanması gereken birçok ayrıntı olduğu için. Kesinlikle aceleye getirilmiş bir karar gibi geldi. Biliyorsunuz, WordCamp US 2018 hemen köşeyi dönünce ve "Gutenberg'in zaten içinde olmasına ihtiyacımız var" ve öyle yaptılar.

Gerçek şu ki, Ocak 2019'a kadar hepimiz bu yeni düzenleyiciyi WordPress Kontrol Panelimizde gördük. Bu, kullanıcıların ve geliştiricilerin bu yeni gerçekliğe uyum sağlaması gerektiği anlamına geliyordu… ve ne kadar erken yaparsak o kadar iyi!

İlk birkaç hafta boyunca hepimizin karşılaştığı temel sorun, düşük performans gösteren UX idi. Görünüşe göre Gutenberg ek açıklama API'sindeki bir sorun nedeniyle, editörü Yoast ile kullandıysanız tamamen kullanılamaz olduğunu hatırlıyorum. Bloklar garip şekillerde hareket etti, klavye kısayolları farklı ve tahmin edilemezdi, editör eski bilgisayarlarda gecikti…

Ancak, başlangıçtaki hatalara ve sorunlara rağmen, eklentinin çılgınca geliştirme hızı, neredeyse imkansız görünen şeyi mümkün kıldı: Gutenberg'i kullanırken yaşanan kullanıcı deneyimini hızlı bir şekilde düzeltmek ve iyileştirmek. Size karşı tamamen dürüst olmam gerekirse, klasik editör oldukça eski olduğundan çok ihtiyaç duyulan bir şey:

Evrim

Gutenberg'in kamu yaşamının ilk yılındaki evrimi gerçekten inanılmazdı. Güncellemeler birbiri ardına gerçekleşti ve geliştiriciler, daha dostça ve daha verimli bir arayüz haline gelene kadar Gutenberg'in her detayını cilaladılar. Rakamlara ve özellikle Gutenberg'in benimseme oranına bakıldığında, doğru yolda olduğumuz görülüyor. Bu gönderiyi yazarken , her üç WordPress kurulumundan ikisi sürüm 5.x kullanıyor, bu da Gutenberg'in tüm WordPress kullanıcılarının üçte ikisi tarafından yerel olarak kullanılabilir olduğu anlamına geliyor.

Ancak gerçeği söylemek gerekirse, yalnızca Classic Editor eklentisini yükleyerek Gutenberg'i tamamen devre dışı bırakabileceğinizi unutmayın. Şu anda, bu eklenti 5 milyondan fazla aktif kuruluma ve 700'den fazla beş yıldızlı derecelendirmeye sahip ve bunlara "eski altındır", "sahip olunması gereken en önemli eklenti" veya "tüm web sitelerimde kullandığım eklenti" gibi yorumlar eşlik ediyor. Peki Gutenberg'in fiyasko olması mümkün mü?

Bana göre hayır. Classic Editor eklentisine karşılık gelen aktif kurulumların mevcut trendine bakarsanız, yavaşladığını göreceksiniz. Bu, zaman geçtikçe daha az kişinin bu eklentiyi kullandığı anlamına gelir. Bunun olası bir açıklaması, Gutenberg'in zaten “yeterince iyi” olduğu ve dolayısıyla editörün eski sürümünü kullanmaya gerek olmadığı gerçeğidir. Ve bu şüphesiz çok iyi bir haber.

Blok Kitaplıkları

Gutenberg'i WordPress'e resmi olarak entegre etmenin sonuçlarından biri, içerik oluşturmak için yeni blokların çoğalması oldu. Açıkçası, geliştiriciler bir sorun belirledi ve genel deneyimi iyileştirmeye karar verdi.

Geçtiğimiz birkaç ay boyunca, eklentilerin, yalnızca Gutenberg'in kullanabileceği blok yelpazesini genişletmek amacıyla nasıl ortaya çıktığını gördük. Bu nedenle, örneğin, yeni bloklar ekleyen Atomic Blocks gibi eklentilerimiz ve ayrıca Stackable veya EditorsKit gibi yeni stiller içeren ve mevcut bloklara ek düzenleme seçenekleri sunan eklentilerimiz var.

Gutenberg'in Avantajları

WordPress'te her zaman var olan en büyük eleştirilerden biri, sınırsız kilitleme etkisiydi. Temel olarak, bu efekt, belirli temalar veya eklentileri kullanmaya başladığınızda ortaya çıkan bağımlılığı açıklar. Bu kilitleme projelerinden biriyle içerik oluşturduğunuzda, bunlardan kolayca kurtulamazsınız veya söz konusu içeriği kaybedersiniz.

Bu efektin çoğu örneği sayfa oluşturucularda bulunabilir. Yalnızca klasik WordPress düzenleyiciye sahip olduğumuzda, birçok tema geliştiricisi başka bir ihtiyaç daha belirledi: kullanıcılar, sayfalarını kolayca oluşturmak için içerik bloklarını sürükleyip bırakmalarına izin veren bir görsel düzenleyici kullanarak sayfaları düzenleyebilmek istedi. Ne yazık ki, böyle bir sayfa oluşturucuyla bir sayfa oluşturmak, o sayfa oluşturucuyla sonsuza kadar kilitli kalacağınız anlamına geliyordu - artık sayfa oluşturucuyu kullanmak istemiyorsanız, önce sayfanızı yeniden oluşturmanız veya kaybetme riskini almanız gerekir. o.

Gutenberg bu konuda bir devrimdi. Artık, "blok" konseptinin resmi tanıtımı sayesinde, sayfa oluşturucular nihayet bir sayfanın görünümünü tanımlamak için standart bir mekanizmaya erişebilecekler. Sadece Gutenberg tarafından sağlanan yeni arayüzlerden yararlanmaları gerekiyor. Elbette, mevcut sayfa oluşturucuların WordPress bloklarına standardizasyon süreci yavaş olacak, ancak bunun eninde sonunda olacağından şüphem yok.

Sürekli İyileştirmeler

Gutenberg, her sürümde yeni özellikler ve çeşitli iyileştirmeler içerdiğinden, her yeni sürümde daha da iyi oluyor. Örneğin, birkaç hafta önce, Gutenberg eklentisinin (7.1 zaten) yeni bir sürümü, kullanıcılar için, Gutenberg'le "tanışmak" için bir hoş geldiniz diyaloğu veya çok bloklu içerik seçimindeki iyileştirmeler gibi küçük kullanılabilirlik iyileştirmeleri ile ortaya çıktı.

Ama özellikle hoşuma giden bir gelişme var, o da editördeki hareketler. Lütfen Matias Ventura'nın "hareket değişimi anlamamıza nasıl yardımcı olur" hakkında çok ayrıntılı bir açıklamanız olduğu bu gönderiye bir göz atın.

Gutenberg'in Bizim İçin Ne İfade Ettiği (Nelio'da)

Gutenberg'in gelişi de şirketimize ilginç güncellemeler getirdi. Esasen, ürünlerimizi geliştirmek ve Gutenberg ile uyumlu hale getirmek istiyorsak, tamamen yeni bir geliştirme yığınını geri dönüştürmek ve öğrenmek zorundaydık.

Toni'nin birkaç hafta önce size söylediği gibi, son iki yılda React ve Redux'u inceledik ve öğrendik. Bu öğrenme aşamasının bir sonucu olarak, Gutenberg için Nelio Maps, Nelio Translate veya Nelio Compare Images gibi birkaç özel eklenti başlattık. Ayrıca zamanımızın ve kaynaklarımızın önemli bir bölümünü Nelio A/B Testini modernleştirmeye adadık ve şu anda Nelio Content ile aynı görevi üstleniyoruz.

Hatta WordPress'e katkıda bulunmak için yeni edindiğimiz becerilerimizden bazılarını uyguladık ve birkaç çekme isteği önerdik:

• Tarihlerle hata düzeltme
• JS'de sorgu argümanları ve URL parçaları ile hata düzeltme
• Block API'de Number ve Boolean öznitelikleriyle çalışma önerisi
• Kaçan (çıkarılmayan) HTML varlıklarıyla ilgili hata düzeltmesi

Değişiklikleri kimse sevmez. Bir dizi araç veya teknolojiye alıştığınızda, muhtemelen yeni bir şeyler öğrenmek için onları geride bırakmak istemezsiniz. İnsanlar bir şeylerin değişmesi konusunda isteksiz… ama dürüst olmam gerekirse, değişim bize iyi hizmet etti. Yol boyunca öğrendiğimiz her şeyle ve Gutenberg sayesinde bugün yapabildiğimiz şeylerle gurur duyuyoruz.

Senden ne haber? Gutenberg'i seviyor musun? Hayatınızı nasıl değiştirdi? Aşağıdaki yorum bölümünde bize bildirin.

Unsplash'ta freestocks.org'dan öne çıkan görsel.