Duyarlı Stillendirme Gutenberg 23.5’te WordPress 7.1’e Geliyor

Tanıdığım her ajans, bir noktada, sırf tablette bir dolgu değerini değiştirmek için özel bir sınıf ya da özel bir CSS değişkeni bağlamıştır. Çalışır. Hep çalışır. Ve altı ay sonra birisi tasarıma dokunduğunda, o sınıfı kimsenin not almadığı bir yerde bulur, düzeni bozar ve suçu temaya atar.

WordPress bu boşluğu nihayet birinci sınıf bir biçimde kapatmak üzere. Eklenti olarak değil, tema numarası olarak değil — düzenleyicinin kendi özelliği olarak. Blok düzenleyici, araç çubuğundan ayarlayabildiğiniz görünüm alanı bazlı stiller kazanıyor ve mekanizma geçen hafta Gutenberg 23.5 ile geldi. WordPress 7.1 döngüsünden sağlam çıkarsa, yeni nesil blok temaları telefonda düzgün görünmek için bir medya sorgusu kopya kâğıdına ihtiyaç duymayacak.

İyi olmasını istiyorum. Ayrıca son yirmi yılda gelip giden yeterince “duyarlı kontroller” özelliği gördüm; bir müşteri sitesine yatırım yapmadan önce bunu sahada görmek istiyorum. Bu yazıda ne gerçekten geldi, test çağrısı asıl neyi soruyor ve bu hafta ne yapar, ne yapmam onu paylaşıyorum.

Gerçekten ne yeni

3 Temmuz’da WordPress Test ekibinden Nikunj Hatkar, WordPress 7.1 için duyarlı stillendirme için kamuya açık bir test çağrısı yayımladı. Özellik, 1 Temmuz 2026’da yayımlanan Gutenberg 23.5 içinde geliyor ve daha önce ayrı olan iki şeyi birleştiriyor: cihaz önizleme açılır menüsü (Masaüstü / Tablet / Mobil) ve yeniden boyutlandırılabilir düzenleyici tuvali.

Temel altyapı, elli commit üzerinden 26 Haziran’da birleştirilen 75121 numaralı çekme isteği. Yazarı t-hamano. Üç ayrı cihaz kovası yerine “piksel cinsinden tuval genişliğini” tek doğruluk kaynağı olarak kabul ediyor, duyarlı düzenleme geçişini cihaz açılır menüsünün içine taşıyor ve görünüm alanı stil durumunu bloklar bazında değil, seçtiğiniz cihaza veya genişliğe göre küresel olarak yönetiyor. Editör ve blok düzenleyici deposunda yeni özel API’ler (getCanvasWidth, isResponsiveEditing, getStyleStateViewport) mekanizmayı çekirdeğe açarken, eski getDeviceType genel API’si geriye dönük uyumluluk için yerinde kalıyor.

Test çağrısının anlattığı iş akışı sade, mesele de burada. Duyarlı düzenlemeyi aç, açılır menüden Tablet’e geç, bir yazı tipi boyutunu veya bir dolgu değerini değiştir, kaydet, ön yüzü tablet genişliğinde bir görünümde aç ve değişikliğin yalnızca orada uygulandığını gör. 7.1 yol haritası bunu düz cümlelerle söylüyor: “bu çalışma, özel CSS yazmadan belirli bir görünüm alanındaki yazı tipi boyutu gibi duyarlı stilleri doğrudan düzenleyicide uygulamanıza olanak tanır.” Hem Küresel Stiller’i hem de tekil blok örneklerini kapsıyor ve aynı sürümdeki hover, focus ve active sözde durum stillendirme çalışmalarını da besleyen aynı stil durumu mekanizması üstünde oturuyor.

Test edenlerden duyurudaki Playground bağlantısıyla denemeleri (yerel kurulum gerekmez), yeniden boyutlandırma tutamaklarını ve cihaz açılır menüsünü zorlamaları, Desen ve Gezinme düzenleyicileriyle uyumluluğu doğrulamaları ve görünüm alanı bazlı düzenlemelerin ön yüzde hem önizleme hem yayımlanmış modda geçerli olduğunu onaylamaları isteniyor. Hatalar PR #75121 referanslı olarak Gutenberg deposuna, genel geri bildirim duyuru yazısının altına, muğlak konular ise Slack’te #core-test kanalına gidiyor. Süre kısa: WordPress 7.1 Beta 1 15 Temmuz’da trunk’ı sabitliyor, genel sürüm ise 19 Ağustos 2026.

WordPress ve WooCommerce insanları için neden önemli

Ajans ekipleri için bu, site düzenleyici geldiğinden beri blok düzenleyicide eksik olan parça. Son üç yılda teslim ettiğim her gerçek müşteri projesinin en az birinde şuna ihtiyaç oldu: belirli bir genişliğin altında küçülen bir kahraman başlık, tablette dört sütundan iki sütuna geçen bir ürün ızgarası ya da metni satırdan taştığı için mobilde dolgusu değişen bir eylem çağrısı düğmesi. Bunların hepsi mümkündü — theme.json ile, ek CSS ile, özel bloklarla, grup bloklarına takılan sınıflarla. Ancak hiçbiri içerik editörünün yardım almadan yapabileceği bir şey değildi. Değişen tam da bu son parça.

Özellikle WooCommerce mağazaları için etki somut. Sepet, Ödeme ve Ürün Koleksiyonu blokları, bugün ya mağazanın blok temasından ya da bir tasarımcının WooCommerce sınıf adlarına karşı yazdığı CSS’ten gelen duyarlı düzenlere bağlı. Bir işletme sahibi Ürün Koleksiyonu bloğunu açıp Mobil’e geçebilir, bir stil dosyasına dokunmadan sütun sayısını ve görsel boyutunu telefonlar için değiştirebilirse, “iPhone’da düzgün görünsün lütfen” bileti sayısı hızla düşer. Elli mağaza işleten ekipler için bu gerçek zaman tasarrufu demek.

Büyük resimde biraz dikkatliyim. 7.1 döngüsü yoğun: duyarlı stillendirme, sözde durum stillendirme, üç yeni blok (Çalma Listesi, İçindekiler, Sekmeler), AI Client akışı, Connectors kimlik doğrulama genişlemesi, Notlar iyileştirmeleri ve deneysel bayrak arkasında geri gelen React 19. Bunların hepsi aynı düzenleyici yüzeyine dokunuyor. Duyarlı stillendirme, kullanıcıların ilk göreceği parça; aynı zamanda bir gerileme yaşandığında tüm düzenleyici bozuk gibi hissettirecek parça da bu. Test çağrısının “lütfen deneyin” yerine senaryolar konusunda alışılmadık ölçüde belirgin olmasının nedeni tam da bu.

Ne yaparım, ne yapmam

Bu hafta: Gutenberg 23.5 eklentisini bir hazırlık ortamına kurun ya da test çağrısındaki Playground bağlantısını açın; iş akışını bozmaya yirmi dakika ayırın. Felsefi bir hata bildirmek için değil — belirli bir müşteri için bugün yazdığınız CSS’in yerini gerçekten alabilecek mi, dürüstçe cevap vermek için. Kahraman, ürün ızgarası ve alt bilgisi olan bir sayfa seçin, tuvali yeniden boyutlandırın, görünüm alanı başına bir değer değiştirin ve oluşan sayfayı üç gerçek genişlikte kontrol edin. Ne kırılıyorsa bildirin. Test ekibi görüş değil senaryo raporu istiyor ve bu, o raporların Beta 1’den önce özelliğin şeklini hâlâ etkileyebildiği iki haftalık pencere.

Bu hafta yapmam: bunu bir üretim müşteri sitesine göndermek, özellik bayrağı arkasında bile, bir alt sayfada bile. Dahili API’ler bir nedenle özel işaretli; tuval yeniden boyutlandırılırken blok görünürlüğü işaretlenmiş dört risk alanından biri ve Beta 1’den önceki son haftada iniş yapan herhangi bir hata yine de 7.1’e gelecek. En az 5 Ağustos’taki RC 1’e kadar hazırlık ortamı doğru yüzey.

Şimdiden planlamaya başlarım: bu, reklam edildiği gibi gelirse, temanızdaki mevcut duyarlı CSS’in hangi parçaları gereksiz kalır. Daha önce özel kod olan, bir kesim noktasına bağlı her düzen geçersiz kılma, 7.1 gelince silinmeye aday. Bu tür borç temizliği ertelemesi kolay, pişmanlığı da kolay bir iş — daha az geçersiz kılma taşıyan tema, bir sonraki çekirdek güncellemesinden elle müdahale olmadan çıkabilen temadır.

WordPress uzun oyunu her zaman sıkıcı olan şeyleri güvenilir kılarak kazandı — yönlendirmeler, sürüm geçmişi, yetkiler, sürümler arası çalışmayı sürdüren eklentiler. Duyarlı stillendirme, temiz bir şekilde gelirse, bu örüntünün bir parçası daha olur. Bu hafta test etmeye değer. RC 2’den sonra üretimde güvenmeye değer.