Blok Kalıpları Her Şeyi Değiştirecek

Yaklaşık bir yıl önceydi. Gelecek vadeden romancılar için mutlu bir şekilde bir tema tasarlıyordum. Rekabette öne geçmek ve özellikle Ulusal Roman Yazma Ayı 2019 mücadelesini deneyecek yazarlara özel bir tema pazarlamak istedim.

Kısaca NaNoWriMo, dünyanın dört bir yanından 1000'lerce insanın 50.000 kelimelik bir roman müsveddesi yazmak için klavyelerinin başına geçtiği bir ayın kasırgasıdır. Bir aylık saf irade, galon kahve ve zafer karşılığında uykusuz geceler. Yolculuğun sonunda büyük ödüller veya garantili yayıncılık sözleşmeleri yoktur. Bir sertifika, birkaç kupon ve palavra hakları elde edersiniz. 2018 yılında yarışmayı tamamladım.

Birkaç ay önceki galibiyetimden ilham alarak, bir sonraki yıl yolculuğa çıkacak olanlar için bir tema oluşturdum. Ayrıca, hevesli bir romancı olabilecek, ancak meydan okumaya katılma zorunluluğu olmayan herkese çekiciliğini genişletmek istedim. Ya da belki ilk kitabını yeni yayınlamış birine bile. Belki de bu, birkaç yeni WordPress kullanıcısını topluluğumuza getirmek için bir fırsat olabilir.

Kullanıcıların en son kitaplarını bir satın alma düğmesiyle nasıl öne çıkarabileceklerini göstermek için bir ana sayfa düzenini özetledim. Sonra aklıma geldi.

Blok düzenleyici ile sağlam bir deneyime sahip olmayan biri bu kitap satış sayfasını nasıl oluşturabilir?

Gutenberg eklentisini WordPress 5.0'a gelmeden önce aylardır kullanıyordum. Sistemin içini ve dışını biliyordum.

Tasarım basitti. Çekirdek medya ve metin bloğunu, bir başlığı, birkaç paragrafı ve bir düğmeyi kullanarak, ortalama bir kullanıcı için çok karmaşık olabilecek bir şey yarattım. Düzeni vurgulayan özel renk, yazı tipi boyutu ve blok stili seçeneklerine bile girmedim.

Bu basit blok kombinasyonu, bazıları için aşırı karmaşık olma potansiyeline sahipti. Daha karmaşık düzenler için başka planlarım vardı. Diğer tema yazarları daha büyük blok kombinasyonları kullanmıştı. Son kullanıcılar için, muhtemelen mantıklı olmayan bir dünyaya adım atıyorlardı. Güzel tema demoları görürler ve işleri yürütemedikleri zaman hüsrana uğrarlar. Blok düzenleyici, en az bilgili kullanıcıların temel bilgilerin ötesinde mizanpajlar oluşturması için yeterince sezgisel değildi ve hala da değil.

Kullanıcılarıma bu basit kitap satış bölümünü oluşturmaya yönlendirmek için adım adım bir eğitim seçtim. Ancak, dokümantasyon her zaman en iyi cevap değildir. Kullanıcılar onu bulup okuduğunda bile sonuçlar her zaman doğru değildir. Tıklandığında bu bölümü doğrudan düzenleyiciye ekleyen bir düğmeye sahip olmak çok daha kolay olurdu. Kullanıcı daha sonra içeriğine uyacak şekilde özelleştirebilir.

Blok kalıplarının geldiği yer burasıdır.

Tema yazarları, özel stillerle benzersiz ve karmaşık blok kombinasyonları oluşturabilmelidir. Kullanıcılar bunu demo gibi gösterebilmelidir.

2005'teki ilk WordPress temamı “inşa etmekten” (bu terimi gevşek kullanıyorum) beri, bu soruna her türlü çözüm yolunu gördüm ya da denedim. Sayfa şablonları. Tema ayarları. Kısa kodlar. Widget'lar. Adını koy. Hepsi daha önce denendi. Her yöntem, kullanıcılar için büyük engeller sağladı. Bazıları ( ahem, kısa kodlar ) kullanıcıların içeriğini karmakarışık bir halde bıraktı ve sonunda kendi temalarına bağlandıkları bir kilitlenme etkisi yarattı.

Yeni bir şey için uzun zaman geçti.

Blok Modelleri Nedir ve Kullanıcı Deneyimini Nasıl İyileştirecekler?

Bir kullanıcı, yukarıdaki ekran görüntüsünde gösterildiği gibi birden çok fiyatlandırma seçeneği sütunu içeren bir düzen oluşturmak istediğinde ne olur? İyi şanlar. Çoğu blok sistemi ile üretemedi. Blok desenleri olmasa bile, temanın bunu mümkün kılmak için bazı özel blok stillerine ihtiyacı olacaktır. Eklentiler muhtemelen bu tür karmaşık çıktılar için boşluğu dolduracak ve yıllardır fiyatlandırma tablolarını çeşitli şekillerde ele alıyor. Ya temalar içinde veya çok daha basit eklentilerde bunun gibi mizanpajlar üretebilseydik?

Blok desenlerle mümkündür.

Basitçe söylemek gerekirse, bir blok deseni bir grup bloktur. Çekirdek WordPress, temalar ve eklentiler, önceden tanımlanmış ayarlara eklenmiş kalıpları kaydedebilecek.

Ortalama bir kullanıcının bakış açısından, blok desenleri, yerleşimler oluşturmak için kullanabilecekleri önceden tanımlanmış bölümlerdir. Bu düzenler, bu makalenin önceki bölümlerinden daha karmaşık fiyatlandırma sütunlarına kadar kitap bölümü kadar basit bir şey olabilir. Mevcut bu kalıplarla, kullanıcılar bir düğmeye tıklayarak karmaşık düzenler oluşturabilecekler.

Blok sistemi, yıllar içinde deneyimlediklerimizden çok daha farklı ve ileriye uyumlu bir geleceğin temellerini attı. Günün sonunda, çoğu blok sadece düz eski HTML'dir. Blok kalıpları, bu blokların bir grubunun kaydından başka bir şey olmayacaktır. Bir kullanıcı tema değiştirdiğinde, yeni teması aynı kalıpları kaydetmese bile içeriği olduğu gibi kalır.

Gutenberg eklentisinin 7.7 sürümü, kalıplar için bir arabirimin ilk yinelemesini gönderdi. Temeldir ve üretimde kullanıma hazır olmadan önce birkaç yinelemeden geçecektir. Sonunda, birden fazla model arasından seçim yapmak için tam entegre bir arayüz olacaktır. Kullanıcı kullanmak istediği bir şey görür. O kalıba tıklarlar. Gönderiye eklenir.

Artık karmaşık tema seçenekleri yok. Artık kısa kod çorbası yok. Özenle hazırlanmış bu tema demosunda gösterilen özel ön sayfayı neden oluşturamadığınızı merak ederek saatlerce hayal kırıklığına uğramanıza gerek yok.

Biraz iyimser olabilirim. Blok kalıpları, tema ve eklenti geliştirici topluluğundan büyük miktarda katılım gerektirecektir. Çekirdek WordPress varsayılan olarak birkaç popüler desen gönderirken, tema yazarları sanatsal becerilerini işe koyduklarında mümkün olan tasarımın genişliğini hiçbir şekilde kapsamayacaktır.

Blok düzenleyici konusunda her zaman heyecan duymuşumdur. Ancak, her zaman potansiyel konusunda nihai üründen daha heyecanlı olduğumu hissettim. Olabileceğini düşündüğüm şey olmasını sürekli olarak bekliyordum. Evet, hala bekliyorum. Bununla birlikte, kalıp sisteminin erken bir versiyonuyla uğraşmak, editörün başarmamıza izin vermesi gereken o harika şeyleri yapabileceğimiz noktaya geliyormuşuz gibi geliyor. Uzun bir bekleyiş oldu ve hala gitmemiz gereken biraz var. Ancak şimdiye kadar yapılan çalışmaları deneyimledikten sonra proje için yeni bir tutkum oldu.