Gutenberg Formları ile Blok Düzenleyici Üzerinden Formlar Oluşturun

Yayınlanan: 2020-06-16

Mükemmel form eklentisi arayışı neredeyse WordPress kadar eskidir. Projeler geldi geçti. Dışarıda bazı harika form eklentileri var, ancak çoğu zaman seçimler, işleri kendi yöntemleriyle yapan büyük inşaatçılar ile beklentileri karşılayamayacak kadar basit çözümler arasındadır. Munir Kamal, özellikle blok düzenleyicide formlar oluşturmak için tasarlanmış bir eklenti olan Gutenberg Forms ile bu doymuş pazara yaptığı girişle şapkasını yüzüğe koydu.

Eklenti hiçbir şekilde mükemmel değil. Çok sayıda tuhaflığı var. Birçok şeyi doğru yapıyor. Oyunu değiştirebilecek özelliklerle zaman zaman başarısız olur. WordPress için en iyi form oluşturma eklentilerinden biri olma potansiyeline sahiptir.

En son güncelleme olan 1.4.0 sürümünden itibaren Gutenberg Forms, başarı ve hayal kırıklığının karışık bir çantasıdır. Bunun için heyecanlıyım.

Heyecanlıyım çünkü bu eklentinin ömrünün henüz başlarındayız. Heyecanlıyım çünkü Kamal, Gutenberg Hub ve ACF Blocks dahil olmak üzere kısa sürede Gutenberg ile ilgili bazı başarılı projeler inşa etti. Heyecanlıyım çünkü zamanla düzeleceğine inanıyorum.

Form eklentileri kolay değildir. Gideceğimiz mevcut sorunlarına rağmen, Gutenberg Forms, ileride bir form oluşturucuda görmek istediğim kutuların çoğunu işaretleyen kullanışlı bir eklentidir. Blok tabanlı formlar için gereken fikirler yerinde. Yürütmenin sadece biraz iyileştirmeye ihtiyacı var.

Gutenberg Formları bu yıl Şubat ayında yeniden oluşturuldu. Kamal eklentiyi ilk olarak 2018'de piyasaya sürdü, ancak en son API'lerle güncellemeden önce bir buçuk yıl boyunca belirsizlik içinde kaldı. O zamandan beri, sık sık güncellemeler yayınlayarak ve eklentinin nasıl çalıştığını geliştirerek gözyaşı döktü. İlk olarak aylar önce test ettim ve sonuçtan memnun değildim. Ancak, en son yineleme çok daha fazla umut vaat ediyor.

Yalnızca 200'den fazla mevcut kullanıcıyla, eklentinin ihtiyaç duyduğu en büyük şey, daha fazla kullanıcıdan gelen daha fazla geri bildirimdir.

Bina Formları

Gutenberg Forms eklentisi ile standart bir form oluşturma.
Standart bir form oluşturma.

Gutenberg Forms, form oluşturmayı basitleştirir. Eklentide form oluşturmanın iki yolu vardır. İlk yöntem, yöneticide özel bir "Formlar" ekranıdır. Tıpkı bir gönderi veya sayfa gibi çalışan özel bir gönderi türüdür. Aradaki fark, kullanıcıların eklenti tarafından sağlanan form alanları eklemekle sınırlı olmasıdır. Bu form oluşturma yöntemini kullanmak idealdir çünkü form tek bir yerde saklanır ve sitenin herhangi bir yerinde kullanılabilir.

İkinci yöntem, doğrudan yazı veya sayfa düzenleyicisinden bir form oluşturmaktır. Eklentinin tüm özel blokları, özel bir form oluşturmak için kullanılabilir. Tek seferlik formlar için kullanılacak yöntem bu olabilir, ancak bunun yerine Formlar ekranından oluşturmanızı öneririm.

Formlar ekranı aracılığıyla bir form oluşturduktan sonra, kullanıcılar daha sonra kaydedilmiş bir formu eklemek için Gutenberg Forms bloğunu kullanabilirler. Bu bloğu eklerken gerçekte olan şey, kaydedilmiş bir form seçerken eklentinin düzenleyiciye bir kısa kod eklemesidir. Bu, eklentiyle ilgili tuhaflıklardan biridir. Yapı taşlarının fikirlerinden biri, geliştiricilerin kısa kod sistemini kullanmaktan uzaklaşmalarıdır. Teknik açıdan burada bir kısa kodu karıştırmaya gerek yoktur. Bu sadece bir sunucu tarafı bloğu olmalıdır. Bunun son kullanıcılar için çok önemli olduğunu düşünmüyorum. İşe yarıyor. Uzun vadede gelişmesini umduğum bir tuhaflık.

Gutenberg Forms eklentisi ile bir sayfaya kaydedilmiş bir form ekleme.
Kaydedilmiş bir formu bir sayfaya ekleme.

Eklenti, son kullanıcıların bir form eklentisinde görmeyi beklediği yaygın form alanlarının çoğunu sağlar. Şu anda mevcut olan form alanı blokları şunlardır:

  • Hesaplama
  • onay kutusu
  • Tarih Seçici
  • E-posta
  • Dosya
  • Form Düğmesi
  • İleti
  • İsim
  • Numara
  • Telefon
  • Radyo
  • Seçme
  • Metin
  • İnternet sitesi
  • Evet Hayır

Gutenberg Formları ayrıca alanların çıktısı için olmayan diğer blokları da içerir. Form Sütunları bloğu, son kullanıcıların sütunlu alanlar oluşturmasına olanak tanır. Bu, şehir, eyalet ve posta kodu alanları gibi yatay olarak sıralanması gereken alanlar için harika çalışır. Form Grubu bloğu, kullanıcıların birden çok bloğu gruplamasına olanak tanır. Ayrıca özel renkler ve dolgu dahil olmak üzere çeşitli tasarım seçeneklerine sahiptir. Form Adım bloğu, çok adımlı formlara adım eklemek için kullanışlıdır.

En büyük ama en az cilalı özellik, Gutenberg Forms'un kullanıma sunduğu önceden tasarlanmış şablon kitaplığıdır. Şu anda eklentinin yaklaşık üç düzine özel şablonu var. Kamal'ın Gutenberg Hub'daki şablonlarla yaptığı çalışma göz önüne alındığında, gelecekte daha fazla şablon göreceğimizi tahmin ediyorum.

Gutenberg Forms WordPress eklentisi ile bir sayfaya form şablonu ekleme.
Bir sayfaya form şablonu ekleme.

Sorun? Form şablonu yerleştirici her zaman çalışmıyor.

Eklentiyi hem en son WordPress hem de Gutenberg eklentisine karşı test ederken, yeni form ekranı aracılığıyla herhangi bir form şablonu ekleyemedim. Eklenmesini engelleyen JavaScript hataları vardı. Eklentinin çalışmamasının en heyecan verici özelliklerinden biri, en azından benim test ortamımda, biraz hayal kırıklığı oldu.

Şablon eklemek form oluşturma ekranında çalışmazken, sayfa düzenleme ekranında tek seferlik formlar oluştururken işe yaradı. Ancak, eklemeden sonra bazı bloklar için korkunç “bu blok beklenmedik veya geçersiz içerik içeriyor” mesajını aldım.

Bu sorun aşılmaz değildir. Gutenberg projesi sürekli bir akış halindedir. Şu anda bu tür sorunları affediyorum çünkü işler çok karışık ve bunların bir güncellemeyle çözülebileceğini de biliyorum. Ancak, üretim ortamlarında biraz daha cilalı bir şeye ihtiyaç duyabilecek kullanıcılar için bunları belirtmek istiyorum. Şablon özelliği olmadan kolayca formlar oluşturabilirsiniz.

Son düşünceler

Evet, Gutenberg Formları kenarlarda biraz pürüzlü. Form pazarındaki diğer bazı büyük oyuncularla rekabet edebilecek noktada değil. Ancak bundan altı ay veya bir yıl sonra, gelişmenin devam ettiğini varsayarsak, pastadan kendi dilimini kesmeye başlayacak bir konumda olmalıdır.

Eklentiyle birlikte başka nitpick'ler de var. Örneğin, bazı bloklarda bulunan “Satır İçi” blok stili varsayılana sıfırlanamaz. Onay Kutusu blok adındaki “C” küçük harf iken diğer tüm blok adları büyük harfle başlar. Bu küçük şeyler, eklentinin olduğundan daha az cilalı görünmesini sağlar.

Ana hatlarıyla belirttiğim sorunlarda bile, piyasadaki insanlara blok tabanlı bir form oluşturucu için bu eklentiyi bir test çalıştırması yapmalarını tavsiye ederim. Sadeliği onu birçokları için kolay bir seçim haline getirecektir. Çoğunlukla, iyi çalışıyor. Günün sonunda, formlar oluşturmanıza ve bu formlar için gönderimleri doğrudan veritabanında saklamanıza olanak tanır ve gerçekten önemli olan da budur.

Özel bir şeyin başlangıcında olduğumuza kesinlikle inanıyorum. Oraya varmamız biraz zaman alacak. Gutenberg Forms, form oluşturucu pazarını devralmasa bile, diğer eklenti geliştiricileri, bu eklentinin yaptıklarından ipuçları almaya başlamalıdır.