WordPress 7.1 Tasarım Sistemi Temalandırması Geliyor

🇬🇧 English: Read this in English →

Açık konuşayım: yirmi yıllık müşteri işinin bana öğrettiği en inatçı gerçeklerden biri şu — WordPress yönetici paneli, bir ajansın neredeyse hiçbir zaman düzgünce markalayamadığı o tek arayüzdür. Bir logo değiştirirsin, bir yönetici renk şeması seçersin, bir menü öğesini yeniden adlandıran “beyaz etiket” eklentisi kurarsın. Sonra bakarsın ki hiçbiri bir arada durmuyor. Bir ekrandaki düğmenin stili bir dosyadan gelir, aynı düğmenin başka ekrandaki hali başka bir dosyadan. Bir sonraki sürümde ikisi güzelce ayrışır ve sen aradaki farkı kapatmakla uğraşırsın.

Bu yüzden Andrew Duthie’nin dün Make/Core üzerinde yayımladığı Design System Theming in WordPress 7.1 geliştirici notunu iki kez okudum. Bu, yönetici panelinin dağınık bir CSS değeri yığını olmaktan çıkıp tanımlı bir şekle kavuşmaya başladığı sürüm. Tüm yönetici paneli değil, bu sürümde değil — ama şekil orada, ve bu işte önemli olan şekildir.

Önemli olan kısım sakin ve küçük: yeni bir stil dosyası, yeni bir betik paketi, ThemeProvider adında bir React bileşeni ve ad alanına alınmış bir CSS custom property kümesi. Geri kalanı — yönetici yeniden tasarımı, her ekranın toptan temalandırılması — açıkça ertelenmiş. 19 Ağustos’ta gelen nihai ürün değil, temel yapı. Ve ben otuz yıldır temel yapıların, gösterişli lansmanlardan çok daha uzun yaşadığını görüyorum.

Gerçekte yeni olan ne

31 Temmuz 2026 tarihli geliştirici notu, WordPress 7.1 ile gelen üç somut çıktıyı belgeliyor. 7.1 GA sürümü, yayın parti takvimine göre 19 Ağustos 2026’da geliyor.

Birincisi, yönetici panelinin tasarım belirteçlerini (design token) CSS custom property olarak sunan, çekirdeğe varsayılan kayıtlı bir wp-theme stil dosyası. Adlandırma şablonu şu: --wpds-[kategori]-[alt-kategori]-[durum/varyant]. Nottaki gerçek örnekler: --wpds-color-background-surface-neutral-strong, --wpds-color-foreground-content-neutral, --wpds-border-width-xs, --wpds-border-radius-lg, --wpds-dimension-padding-2xl. wpds öneki, WordPress Design System’in kısaltması. Son üç yılda ön yüzde --wp--preset--* önekinin nasıl çoğaldığını izlediysen, bunu tanırsın — aynı disiplin, bu sefer yönetici paneline uygulanmış.

İkincisi, @wordpress/theme paketinden bir ThemeProvider React bileşeni ifşa eden wp-theme JavaScript modülü. Yönetici panelinin bir alt ağacını sarıyor, küçük bir yapılandırma nesnesi geçiyorsun. Özellikler bilinçli olarak dar tutulmuş:

• color.primary — birincil renk tohumu (hex, rgb veya CSS ad renkleri)
• color.background — arka plan renk tohumu
• cursor.control — bağlantı olmayan etkileşimli kontroller için imleç stili
• cornerRadius — none, subtle, moderate, pronounced değerlerinden biri
• isRoot — mantıksal; temalandırmayı kök belgeye uygular

Geliştirici notundaki örnek, API’nin mümkün olan en kısa turu:

import { ThemeProvider } from '@wordpress/theme';
import { Card } from '@wordpress/ui';

function Application() {
    return (
        <ThemeProvider
            color={ { primary: '#3858e9', background: '#11004d' } }
            cornerRadius="pronounced"
        >
            <Card.Root>
                <Card.Content>
                    WordPress is designed for everyone.
                </Card.Content>
            </Card.Root>
        </ThemeProvider>
    );
}

Üçüncüsü, ilk gerçek çekirdek tüketici. Site Düzenleyici’nin kenar çubuğu ve dış kabuğu artık kullanıcının yönetici renk şemasını tam olarak bu boru tesisatı üzerinden onurlandırıyor. Gutenberg PR #78397 (fushar tarafından, 8 Haziran 2026’da birleştirildi), Site Düzenleyici’nin sabit koyu arka plan yerine WPDS belirteçlerini ThemeProvider sargısı üzerinden okumaya başladığı yer. Yani API halka açık yayınlanmadan önce, temel yapının gerçek bir yönetici yüzeyinde çalıştığının kanıtı zaten masada.

Daha geniş bağlam, 7 Temmuz 2026 tarihli Design System Theming birleştirme önerisinin altında yatıyor. Bu öneri, konuyu Gutenberg konu #71196 altında izlenen yönetici yeniden tasarımı çalışmasının ve daha eski ilkel sistem konusu #42388‘in temeli olarak çerçeveliyor. Duthie kapsam konusunda net: “Temel bir parça olarak bu, sonraki WordPress sürümlerinde yönetici arayüzünün daha fazlasına uygulanmak üzere genişletilecektir.” Aynı not, @wildworks ve @tyxla tarafından gözden geçirildiğini de söylüyor.

Bunu daha önce yaşadım: “tasarım belirteci” yeni bir fikir değil

Şimdi izin ver de sektörün dinozoru bir dakikalığına devreye girsin. Bu --wpds-* hikâyesine bakıp da içimden “bunu daha önce gördüm” demeden edemedim. 1990’larda basılı işlerden geldim bu sektöre; QuarkXPress ve Aldus FreeHand’in başında geçirdiğim yıllar var. O günlerde bir tasarım belirtecinin adı “paragraf stili”ydi. Master sayfada bir stili değiştirirdin, doksan sayfalık kataloğun tamamı aynı anda hizaya gelirdi. Her başlığa tek tek elle punto girmeye kalkan çırağın da neden akşama kadar orada oturduğunu hepimiz bilirdik.

Aynı disiplini Macromedia Director’da tekrar gördüm: cast — yani kütüphane — bir kez tanımladığın varlığı projenin her sahnesinde yeniden kullanmana izin verirdi; Lingo ile o varlığın davranışını tek yerden yönetirdin. Çok lisanlı CD-ROM projelerinde bunun kıymetini iliklerine kadar hissederdin, çünkü altı dilde tutarlı kalmanın tek yolu değerleri tek kaynaktan beslemekti. Sabit değeri her ekrana elle gömdüğün an, o proje bakım masasında ölürdü.

Anlatmak istediğim nostalji değil. color: #1e1e1e yazmak, punto değerini her başlığa elle girmenin 2026 versiyonu. var(--wpds-color-foreground-content-neutral) yazmak ise master sayfadaki paragraf stili. Fikir otuz yıldır aynı; sadece taşıdığı isim değişiyor. Ve bu fikrin nihayet WordPress yönetici paneline gelmiş olması, benim gibi aynı dersi üç farklı araç neslinde öğrenmiş biri için gösterişli bir yenilik değil — geç kalmış ama doğru bir olgunlaşma.

WordPress ve WooCommerce dünyası için neden önemli

Yönetici paneli her zaman ajansların düzgünce dokunamadığı bir yüzey oldu. Müşterilerin gelip geçtiği her barındırılan platformun tutarlı bir yönetici paneli vardı, çünkü onu uçtan uca sahiplenen tek bir ekip vardı. WordPress’in ise on beş yıl boyunca yönetici paneline dokunan bir sürü ekibi oldu, ve o CSS ayrışması tam olarak bunu anlatır. Çekirdeğe bir tasarım belirteç katmanı vermek, sonunda yönetici panelinin modern bir SaaS ürünündeki tasarım sistemiyle aynı disiplinle çalışmasına izin veren o sakin, gösterişsiz hamle.

Bir WooCommerce ajansı içinse doğrudan uygulama alanları, pazarlama çerçevesinin ima ettiğinden daha dar. Ertelenmiş kapsamı dikkatlice oku: tam yönetici temalandırması 7.1’de gelmiyor. Gelen şey, (a) özel bir eklentinin yönetici içinde işlediği küçük React panellerini biçimlendirmeye, (b) müşterinin markasını bir Site Düzenleyici varyantında eşleştirmeye, (c) sabit hex değerlerini betona dökmeden özel CSS’den belirteç tüketmeye yetecek kadar yüzey. Ben olsam ilk olarak bu üçüncüsüne zaman ayırırdım. Gösterge paneli aracının CSS’i color: #1e1e1e yerine color: var(--wpds-color-foreground-content-neutral) okumaya başladığı an, çekirdek paleti değiştirdiğinde de doğru kalır. Bedava dayanıklılık gibisi yoktur.

Uzun vadede asıl ilginç yüzey ThemeProvider. Kendi React ağacını çizen eklentiler — bir WooCommerce raporlar paneli, yönetici içindeki bir rezervasyon takvimi, ACF tarzı bir alan oluşturucu düşün — alt ağaçlarını bir kez sarabilir, bir marka birincil rengi ve bir köşe yuvarlaklığı ön ayarı seçebilir, ve belirteç kümesindeki her gelecek iyileştirmeyi bedavaya devralabilir. Bu, WordPress sürümleri arasında eklenti tarafında bakım gerektirmeden ayakta kalan sözleşme şekli. 2015’te yazılmış bir eklentinin 2026’da hâlâ temiz güncellenmesinin sebebi tam olarak bu tür sözleşmelere yaslanmış olması.

Şüpheyle izlediğim tek şey aşırıya kaçma isteği. Bu bir temel. Her projede müşteriye bakan “yönetici panelini markalayın” ayar sayfası inşa etme lisansı değil. Boru tesisatını yap, sahibi olduğun yüzeyde belirteçleri kullan, ve API’nin halka açık bir eklenti için yeterince kararlı olduğunu varsaymadan önce bir sürüm döngüsü bekle.

Ben ne yapardım (veya yapmazdım)

Somut olarak, bu hafta ve önümüzdeki hafta için üç adım.

Bir: özel yönetici CSS dosyalarında sabit kodlanmış WordPress palet değerlerini tara — #1e1e1e, #f0f0f1, #2271b1, klasik setin tamamı. Kendi yönetici panellerinde, gösterge paneli araçlarında ve ayar ekranlarında nerede bulduysan not al. 7.1 GA çıkıp 7.1.1 temizlendikten sonra, Eylül’de planlı bir geçiş turu için listeye koy. Eşdeğer var(--wpds-color-*) referansıyla değiştir. Acele etme; GA gününde geçiş yapma.

İki: yönetici arayüzü bir React ağacı olan bir eklenti bakıyorsan (WooCommerce uzantı paneli, özel yönetici gösterge paneli, blok tabanlı ayar ekranı), kök bileşeni bir WordPress 7.1 Beta 4 veya Playground planı üzerinde ThemeProvider‘a sarmayı test et. Belirteçlerin çözüldüğünü, kullanıcı 7.0’daysa yedek yolun çalıştığını kanıtla, sargıyı 7.1 GA ile hizalanmış eklenti sürümünde yayınla. Bu tek değişiklik seni “kendi renklerimiz var” konumundan “platformun belirteçlerini tüketiyoruz” konumuna taşır — ve topu topu beş satırlık bir fark.

Üç: kendini ThemeProvider için bir arayüz sarmalayıcısı diye pazarlayan ilk “White Label Admin Pro” eklentisini kurma. API bir birleştirme önerisi kadar taze, belirteç yüzeyi kararlılık kazanmadan büyüyecek, ve marka renklerini bugün bir seçenekte saklayan her ayar ekranı, çekirdek düzgün bir yönetici markalama arayüzünü kendisi yayınladığı an teknik borca dönüşecek. Ki yayınlayacak — sadece bu sürümde değil.

Ayrıca: bunu WooCommerce 11.0 güncelleme penceresinin üstüne yığma. WC 11.0, geçen haftaki RC1 ertelemesinden sonra 4 Ağustos’ta çıkıyor, WordPress 7.1 ise 19 Ağustos’ta. Aynı sıralama kuyruğunda iki hareketli hedef, hafta sonunu kaybetmenin en kestirme yolu. Sıralı değişiklik pencereleri sıkıcıdır — ve sıkıcı olduğu için hafta sonlarını kurtarır.

Sabitlemeye değer daha geniş sinyal şu: her WordPress sürümünde bu sessiz mimari temellerden biri vardır — yeni bir stil dosyası, bir React bileşeni, katkıda bulunanlar grubunun dışında kimsenin o gün ilginç bulmadığı bir adlandırma kuralı. Beş yıl sonra bunlar, her editörün her sabah açtığı yönetici panelini hâlâ ayakta tutan parçalar oluyor. Design System Theming artık o listede — ve ben, aynı fikri paragraf stilinden Director cast’ine kadar taşımış biri olarak, bu sefer doğru yere yerleştiğini rahatlıkla söyleyebilirim.