Gutenberg 23.9: Ust Blok Ekleyici Galeri UX’ini Duzeltti

🇬🇧 English: Read this in English →

Ömrümde çalıştığım her editörde aynı sessiz sorun vardı. İç içe geçmiş bir kutunun içindesin — bir grup, bir galeri, bir düğme kümesi — ve buna bir tane daha eklemek istiyorsun. Arayüz kardeş mi ekleyeceğini, çocuk mu ekleyeceğini, seçimi mi değiştireceğini tahmin etmek zorunda kalıyor ve genelde yanlış tahmin ediyor. Flash’ta sembol içindeki sembollerdi. Director’da sprite içindeki cast’lerdi. QuarkXPress’te iç içe geçmiş resim ve metin kutularıydı. Bir galeriye görsel eklemek için üç kere yan panelin açılıp kapandığını görmüş herkes tam olarak neyi kastettiğimi bilir.

Gutenberg 23.9 bu sessiz sorunu blok editör için sonunda susturuyor. Yanına Global Styles tarafında bir tema yazarının ya da ajansın günde on dakikasını kurtaracak iki değişiklik daha koyuyor. Manşet olacak bir sürüm değil — yeni blok yok, veri katmanında elden geçirme yok — ama tolere ettiğin bir editörle keyif alarak kullandığın bir editörü birbirinden ayıran türden düşünülmüş bir temizlik.

Bir tanıtım sitesinin staging kopyasında birkaç gündür deniyorum, arayüz daha hafif hissettiriyor. Şimdi asıl neyin değiştiğini ve bu değişiklikler WordPress çekirdeğine düşmeden önce ben olsam ne yapardım, ona bakalım.

Gerçekten yeni olan ne

Gutenberg 23.9, alışıldık iki haftalık takvimin içinde 2 Eylül 2026’da yayımlandı. Ajans gözüyle üç şey öne çıkıyor: üst blok seçicisine gelen ekleyici, Global Styles içinde özelleştirilmiş blokları gösteren işaret ve küçük ama gecikmiş bir tema iyileştirmesi kümesi.

Üst blok seçicisi ekleyicisi, blok araç çubuğundaki “üst bloğa çık” düğmesinin yanına bir artı simgesi koyuyor. Galeri içindeki bir görsel seçiliyken, Düğmeler bloğunun içindeki bir düğme seçiliyken ya da Grup, Sütunlar, Kapak, Detaylar, Medya & Metin, Sosyal Simgeler veya Akordeon içindeki herhangi bir çocuk seçiliyken bu artı simgesi doğrudan bir kardeş ekliyor. Üst bloğa geri tıklayıp ekleyiciyi arama zamanı bitti. Tek türlü ebeveynlerde (Düğmeler gibi) doğru bloğu direkt ekliyor; çok türlü ebeveynlerde (Grup gibi) hızlı ekleyici açılıyor. Liste ve Alıntı bloklarında zaten yazım modeli işi hallettiği için oralara dokunulmamış.

İkinci değişiklik, Global Styles içindeki özel stil işareti. Görünüm → Stiller → Bloklar bölümünü açtığında gerçekten özelleştirdiğin her blok artık adının yanında küçük bir nokta taşıyor. Arama alanının yanındaki bir süzgeç menüsü sadece özelleştirilmiş blokları listelemene izin veriyor. Önceki davranış, dokunmuş olduklarını hiçbir şey ayırt etmeden kayıtlı tüm blokları listelemekti; elli bloğun kayıtlı olduğu ve sekizinin temalanmış olduğu bir sitede bu bir kâbustu. Ekran okuyucular için “Özel stiller var” duyurusu ekleniyor, erişilebilirlik tarafında da denklik korunuyor.

Tema kümesi yüzey alanı olarak daha küçük ama işe yarar. Grup için eksensel blok boşluğu, Grup bloğunun içindeki flex ve grid düzenlerinde dikey ve yatay boşluğu birbirinden bağımsız ayarlamana izin veriyor; Sütunlar ve Satır bloklarının uzun süredir sahip olduğu şey nihayet Grup’ta da var. Etiket öğesi stillendirmesi, <label> öğesini theme.json içinde birinci sınıf bir öğe olarak kaydediyor; form etiketlerini elle CSS yazmadan Global Styles üzerinden biçimlendirebiliyorsun. Alıntı, Girdi ve Seçme öğeleri artık tipografi ve renk denetimleriyle Global Styles içinde açığa çıkarılmış durumda. Özel duotone paletleri ise sadece temanın gönderdiğine bağlı kalmadan Global Styles’ta üretilebiliyor.

Geri kalan her şey her sürümde gördüğün cinsten — bileşen cilası, ilk kez katkı verenlerin küçük düzeltmeleri, erişilebilirlik işleri. Tehlikeli bir şey yok, blok işaretleme modelini değiştiren bir şey yok.

WordPress ve WooCommerce ekibi için neden önemli

Bu değişikliklerin ikisi doğrudan müşteri eğitimini kısaltacak. Pazarlama ekibini yeni bir blok editör sitesine alıştırırken galeri ve düğme sorusu her seferinde çıkıyor. “Görseli seçtim, artı düğmesine bastım, neden bütün galeriden sonra bir paragraf ekliyor?” Üst blok seçicisi ekleyicisi bu soruyu, doğru davranışı kullanıcının zaten baktığı yere koyarak yanıtlıyor. Bu, bir satır daha az kılavuz metni, bir el tutuş turu daha az ve birinin sayfa oluşturucuya uzanması için bir sebep daha az demek.

Özel stil işareti, Global Styles üzerine bir tasarım sistemi kuran herkes için önemli. Devraldığın bir WooCommerce sitesinde theme.json dosyasını güvenle yeniden düzenlemeden önce önceki ajansın hangi blok stillerine dokunduğunu bilmen gerekiyorsa, o nokta ve süzgeç lüks değil — iki saatlik bir denetimle iki günlük bir denetim arasındaki fark. Aynı zamanda temalanmış bir WooCommerce sitesini müşteriye devrederken “bu noktalar bizim ince ayar yaptığımız yerler, sormadan sıfırlama” diyebileceğin temiz bir dil kazandırıyor.

Tema eklemeleri daha sessiz ama gerçek. Label, Input ve Select stillerinin theme.json içinden yönetilebilmesi, WooCommerce ödeme sayfası temalaması, iletişim formu temalaması ve arama formu temalamasının temel senaryolarda CSS geçersiz kılma dosyasına ihtiyaç duymaması demek. Grup üzerinde eksensel boşluk, gerçek bir tutarsızlığı kapatıyor — her yerleşim kabının aynı boşluk denetimlerine sahip olması gerekir, şimdiye kadar Grup’ta yoktu. Global Styles içindeki özel duotone’lar ise, imza görünüm isteyen editoryal sitelerin bunu tema kodu olarak göndermek zorunda kalmadan üretebilmesi anlamına geliyor.

Gutenberg 23.9 büyük olasılıkla WordPress 7.2 ile birlikte çekirdeğe düşecek; 23.x döngüsünün 7.1’i beslediği ritmin aynısıyla. Gutenberg eklentisini üretimde çalıştırıyorsan bugün elinde; sadece çekirdek kullanıyorsan 7.2 çıktığında kavuşacaksın.

Ben olsam ne yapardım (ya da yapmazdım)

Müşterinin canlı sitesinde Gutenberg eklentisini hâlâ çalıştırmazdım. Yıllardır çizgim bu ve bu sürüm için de değiştirmiyorum. Eklenti, katkıcılar ve testçiler hataları on milyonlarca çekirdek kurulumuna ulaşmadan sarsıp çıkarabilsin diye var; bu değerli bir iş ama canlı bir ajans sitesinin işi değil. 7.2’yi bekle.

Bu hafta yapardım dediğim şey şu: Gutenberg 23.9’u, editörlerin galeri ve düğme akışından düzenli olarak şikâyet ettiği iki-üç sitenin staging kopyasına kur. On beş dakika yanlarına otur, üst blok seçicisindeki artı simgesini göster, beden dilleri değişiyor mu izle. Cevap “evet” olursa — bu tür bir düzeltmede benim deneyimime göre genelde öyle oluyor — bu, üç ay sonraki değerlendirmede biri neden başka bir editöre geçmediğini sorduğunda masaya koyacağın bir veri noktası oluyor.

Temalar ve tasarım sistemleri için bu, theme.json dosyanı açıp üç yere bakma anı. Etiket, girdi ve seçme öğelerini bir stil dosyasıyla mı biçimlendiriyorsun? Bunları elements bölümüne taşı. Flex veya grid düzenli bir Grup bloğu kullanıp yatay boşluğu özel bir sınıfla mı zorluyorsun? Sınıfı sil. Ekibinin özelleştirdiği blokları bir README içinde elle mi listeliyorsun? Bırak; editör bunu artık sana kendisi söyleyecek.

Yapmayacağım şey, sırf Global Styles artık bunu yapabiliyor diye çalışan özel CSS’i label ve input için bir gecede söküp atmak. Global Styles uzun vadede doğru ev ama ekibinin ezbere bildiği, savaş sınanmış bir WooCommerce ödeme stil dosyası varsa, göçü kasıtlı biçimde, formdan forma yap ve görsel gerileme ekran görüntülerini elinin altında tut.

Bunların hiçbiri manşet değil. Zanaat. Ve yüz küçük sürüm boyunca sürdürülen zanaat, ciddi bir içerik yönetim sisteminin şık bir demoyu neden yendiğinin tam olarak sebebi — üst üste yirmi üç yıldır, her çeyrek.