Gutenberg FSE: 2026'da WordPress Tasarımının Geleceği

Tam Site Düzenleme, WordPress 5.9'da kullanıma sunuldu. Üç yıl sonra, çoğu ajans hala bunu doğru şekilde kullanmıyor — ve kullananlar ciddi bir rekabet avantajına sahip.

FSE Gerçekte Ne Anlama Geliyor?

FSE'den önce, WordPress temaları başlıkları, alt bilgileri ve genel düzeni PHP şablonları aracılığıyla kontrol ediyordu. Gutenberg yalnızca içerik alanını yönetiyordu. Bloklarla blog gönderinizi düzenleyebilirdiniz, ancak navigasyonunuz bir PHP dosyasına kilitlenmişti.

FSE bunu değiştiriyor. Bir blok temasıyla, sitenin her bölümü — başlık, alt bilgi, kenar çubuğu, arşiv şablonları, tek gönderi düzeni — bloklar kullanılarak Gutenberg düzenleyicisinde düzenlenebilir. Düzen değişiklikleri için PHP gerekmez.

Bu, yapay zeka üretimi için önemlidir çünkü tüm sitenin blok JSON'u olarak ifade edilebileceği anlamına gelir. Bazı kısımların PHP şablonları ve bazılarının bloklar olduğu hibrit bir sistem yoktur. Her şey bloktur, her şey JSON'dur, her şey programatik olarak oluşturulabilir ve düzenlenebilir.

PAGEnza FSE'yi Nasıl Kullanıyor?

PAGEnza bir site oluşturduğunda, yalnızca bir ana sayfa oluşturmaz. Aşağıdakileri içeren eksiksiz bir blok teması oluşturur:

• templates/index.html — varsayılan şablon
• templates/single.html — tek gönderi düzeni
• templates/archive.html — blog/kategori listesi
• templates/404.html — hata sayfası
• parts/header.html — yeniden kullanılabilir başlık bloğu
• parts/footer.html — yeniden kullanılabilir alt bilgi bloğu
• theme.json — genel stiller (renkler, tipografi, boşluk)

Tüm bunlar aynı Tasarım Yönergesi'nden oluşturulur. Ana sayfa için tanımlanan renk paleti, theme.json genel stillerinde kullanılanla aynıdır. Kahraman için seçilen yazı tipi üçlüsü, blok temasının stil sayfasında yüklenenle aynıdır.

Yapay zeka üretimi için FSE'nin temel avantajı budur: tutarlılık sistem tarafından zorlanır, tasarımcının aynı yazı tipini her yere uygulamayı hatırlamasına umut etmek yerine.

theme.json — hiç düzenlemediğiniz en önemli dosya

theme.json, bir blok teması için genel tasarım sistemini tanımlayan bir yapılandırma dosyasıdır. Aşağıdakileri kontrol eder:

• Renk paleti — düzenleyicideki renk seçicide görünen adlandırılmış renkler

• Tipografi — yazı tipi aileleri, boyutları, satır yükseklikleri

• Boşluk — dolgu ve kenar boşluğu denetimleri tarafından kullanılan boşluk ölçeği

• Köşe yarıçapı — varsayılan köşe yarıçapı değerleri

• Düzen — içerik genişliği, geniş genişlik

PAGEnza bir site oluşturduğunda, theme.json Tasarım Yönergesi'nden programatik olarak oluşturulur. ink, bg1, bg2 ve accent renkleri adlandırılmış palet renkleri olarak kaydedilir. Yazı tipi üçlüsü, doğru Google Fonts @import URL'leri ile yazı tipi aileleri olarak kaydedilir.

Sonuç olarak, bir müşteri metin değiştirmek için Gutenberg düzenleyicisini açtığında, renk seçici yalnızca dört marka rengini gösterir — başka hiçbir şey değil. Yazı tipi seçici, seçilen üç yazı tipini gösterir. Boşluk denetimleri sistem ölçeğini kullanır. Tasarım sistemi düzenleyici düzeyinde zorlanır.

"Gutenberg'de Canlı Düzenle" Gerçekte Ne Anlama Geliyor?

PAGEnza tarafından oluşturulan her site, Gutenberg FSE'nin aktif olduğu canlı bir WordPress kurulumudur. Müşteri şunları yapabilir:

• Herhangi bir metne tıklayıp doğrudan düzenleyebilir
• Bölüm arka planlarını tıklayarak ve marka renk paletinden seçim yaparak değiştirebilir
• Blokları sürükleyerek bölümleri yeniden sıralayabilir
• Blok ekleyiciden yeni bölümler ekleyebilir
• Yer tutucuya tıklayarak resimleri değiştirebilir

Marka dışı bir renk seçerek tasarım sistemini yanlışlıkla bozamazlar, çünkü mevcut tek renkler dört marka rengidir. Uyumsuz bir yazı tipi seçemezler, çünkü yalnızca üç marka yazı tipi kaydedilmiştir.

Bu, yapay zeka tarafından oluşturulan siteleri gerçek müşteriler için pratik hale getiren şeydir — tasarımın işe yaramasını sağlayan kısıtlamalar, devirden sonra korunur.

Blok kapsamı sorunu

FSE güçlüdür, ancak bir kapsam sorunu vardır. Her tasarım deseni, çekirdek Gutenberg bloklarında temiz bir şekilde ifade edilemez. Karmaşık düzenler, etkileşimli bileşenler ve özel veri görünümleri genellikle özel bloklar veya üçüncü taraf eklentiler gerektirir.

PAGEnza bunu iki şekilde ele alır:

Düzen için: Dikkatlice kontrol edilen özniteliklere sahip Grup, Kapak, Sütunlar ve Medya & Metin bloklarının bir kombinasyonunu kullanırız. Pazarlama sayfası düzenlerinin yaklaşık %95'i yalnızca bu dört blok türüyle elde edilebilir.

Etkileşimli bileşenler için: Eklenti Oluşturucu, PHP eklentileri olarak özel Gutenberg blokları oluşturur. Bir fiyat tablosu, bir rezervasyon formu, bir referans kaydırıcısı — bunlar, yan tarafa eklenen kısa kodlar yerine FSE düzenleyicisiyle entegre olan uygun kayıtlı bloklar olarak oluşturulur.

Amacımız, bir müşterinin düzenlemesi gereken her şeyin, koda dokunmadan görsel düzenleyicide düzenlenebilir olmasıdır.