# Yapay Zeka WordPress Tema Oluşturucu: Ücretsiz theme.json URL: https://noonwp.com/tr/tools/yapay-zeka-wordpress-tema-olusturucu Type: tool Locale: tr Published: 2026-10-21 Updated: 2026-10-25 --- > Tek bir marka renginden WordPress blok teması için kontrast kontrollü palet, modüler yazı ölçeği ve hazır theme.json üretin. Ücretsiz, tarayıcınızda çalışır. ## Saniyeler içinde theme.json paleti ve yazı ölçeği üretin Bu yapay zeka WordPress tema oluşturucusu, tüm siteyi vaat etmek yerine doğrulayabileceğiniz kısmı yapar: kontrast kontrollü bir palet, modüler bir yazı ölçeği ve blok temanız için hazır bir theme.json. ## Blok tema başlangıç üretici Bir marka rengi, bir taban ve bir yazı tipi eşleşmesi seçin. Palet, kontrast raporu ve theme.json her girdiyi değiştirdiğinizde güncellenir. *[Interactive widget — see the live page for the full experience]* ## Araç gerçekte neyi hesaplar ### Tek renkten bir palet Marka renginiz Birincil olur. Araç bu rengin tonunu okur ve HSL içinde Taban, Yüzey ve Kontrast'ı oluşturur: açık zeminde yüzde 97, 93 ve 11 parlaklıkta, koyu zeminde ise 9, 14 ve 92 parlaklıkta. Vurgu, renk çemberinde 150 derece ötede yer alır. ### Kontrastı kendiniz denetleyin WCAG 2.x parlaklık formülüyle dört çift ölçülür: gövde metni, bağlantı, buton metni ve vurgu. Her biri bir oran ve bir not alır. Bağlantı AA'yı geçemezse parlaklığı, geçene kadar adım adım değişir. ### Modüler bir yazı ölçeği Orta boy 1rem'dir. Büyük, çok büyük ve devasa boyutlar oranınızla bir, iki ve üç kez çarpılır; küçük boyut ise orana bölünür. 1.2 oranıyla 0.833, 1, 1.2, 1.44 ve 1.728 rem elde edersiniz. *Kenar notu* ## Tasarım belirteçleri neden desenlerden önce gelir Hero deseni, kart ızgarası ve altbilgi aynı palet slug'larını okur. Bu slug'lar kontrastı geçemeyen değerler taşıyorsa her desen aynı hatayı devralır ve bunu müşterinizin telefonunda öğrenirsiniz. Önce belirteçleri düzeltmek, oluşturduğunuz ya da Pattern Forge ile ürettiğiniz desenlerin zaten geçen renklerle başlamasını sağlar. Sonucu bir test ortamında değil, gerçek bir müşteri sitesinde deneyin. - Palet slug'ları her blok ve desen tarafından paylaşılır - Yazı boyutu slug'ları şablonlar arasında başlıkları tutarlı tutar - Tek bir theme.json düzenlemesi tüm siteyi günceller ## Üretilen dosyadan canlı temaya 1. **Girdileri seçin** — Müşterinin logosundaki marka rengiyle başlayın. Marka doğası gereği koyu değilse açık bir taban seçin, ardından tona uyan yazı tipi eşleşmesini belirleyin. 2. **Kontrast raporunu okuyun** — Başarısız ya da Yalnızca büyük metin yazan satırlara bakın. Gövde metni, bağlantı ve buton metni AA'yı geçene kadar tabanı ya da nötr tonu değiştirin. 3. **Dosyayı temanıza kopyalayın** — theme.json dosyasını kopyalayın, blok temanızın kök dizinine yapıştırın, ardından Site Editor'ü açıp paletin renk seçicide göründüğünü doğrulayın. 4. **Elle ince ayar yapın** — Çıktı bir başlangıç noktasıdır. Slug'ları tasarım sisteminize göre yeniden adlandırın, boşluk ve düzen ayarları ekleyin, dosyayı temanın geri kalanıyla birlikte commit edin. ## Bu aracın yapmadıkları ### Sayfa düzeni yok Araç belirteç üretir, şablon üretmez. Üst bilgi, altbilgi ve sayfa yapısı hâlâ blok temanızdan ya da Site Editor'de oluşturduğunuz desenlerden gelir. ### Web fontu yok İki eşleşme de font isteğinden kaçınmak için sistem yazı tipi yığınlarını kullanır. Marka yazı tipleri, kendi barındırdığınız değişken bir font ve sizin ekleyeceğiniz bir fontFace girdisi gerektirir. ### Estetik garantisi yok Bir palet her kontrast testini geçip yine de düz görünebilir. Sonucu güvenli bir başlangıç noktası sayın, ardından Vurgu ve nötr tonları gerçek bir sayfada gözle ayarlayın. ## Üreticiyle ilgili sorular ### Bu gerçekten bir yapay zeka tema oluşturucusu mu? Hayır, ve bunu baştan söylüyor. Palet, kontrast kontrolleri ve yazı ölçeği sabit kurallardan gelir: HSL içinde renk hesabı, WCAG kontrast formülü ve modüler bir ölçek. Bu, çıktıyı öngörülebilir ve test edilebilir kılar. Döngüde bir dil modeli istiyorsanız Pattern Forge, bir istemden Gutenberg desenleri üretir; bu araç ise bunların altında duran tasarım belirteçlerini kapsar. ### Ücretsiz mi, renklerimi saklıyor mu? Ücretsizdir ve hesap gerektirmez. Her şey tarayıcınızda çalışır. Gönderilen tek veri, aracın kullanıldığını kaydeden anonim bir sayaçtır; formdaki renk değerleri ya da metinler gönderilmez. ### Kontrast oranı nereden geliyor? WCAG 2.x göreli parlaklık formülünden: her sRGB kanalı doğrusallaştırılır, 0.2126, 0.7152 ve 0.0722 ağırlıklarıyla toplanır ve oran (daha açık + 0.05) bölü (daha koyu + 0.05) olarak hesaplanır. Gövde metni için AA eşiği 4.5:1, AAA eşiği 7:1, büyük metin için AA eşiği 3:1'dir. ### Bağlantı rengi neden marka renginden farklı? Marka rengi, açık ya da koyu bir taban üzerinde sık sık 4.5:1 eşiğini geçemez. Üretici marka rengini Birincil olarak, yani butonlar ve dolgular için tutar; seçilen taban üzerinde bağlantı varyantı AA'yı geçene kadar parlaklığını adım adım değiştirir. ### Çıktı hangi WordPress sürümünü hedefliyor? Dosya theme.json sürüm 3 kullanır; bu sürüm WordPress 6.6 (Temmuz 2024) ile geldi. Eski kurulumlar sürüm 2 isteyebilir. Aynı palet ve tipografi yapısına sahip olduğu için yalnızca sayıyı değiştirip geri kalanını koruyabilirsiniz. ### Yazı yığınları web'den bir şey yükler mi? Hayır. İki eşleşme de sistem ve Georgia tarzı yığınları kullanır; bu yüzden font isteği yoktur ve geç yüklenen bir web fontundan doğan düzen kayması olmaz. İleride kendi barındırdığınız değişken bir font kullanırsanız fontFamily değerlerini değiştirin, slug'ları koruyun. ### Sağdan sola (RTL) siteler için çalışıyor mu? Çıktıda sol ya da sağ değerleri yoktur: renkler, yazı boyutları ve aileleri yön bağımsızdır. Arapça ya da İbranice yedek font davranışını ayrıca kontrol edin, çünkü sistem yığınları platforma göre değişir. ### Dosya temamda nereye gider? Bir blok temanın kök dizinine theme.json olarak kaydedin, ardından Site Editor'ü açın. Palet girdileri renk seçicide, boyutlar yazı paneli'nde görünür ve stiller bölümü tüm site için varsayılanları belirler. ## Tokenları boş bir sayfa yerine bir desene aktarın theme.json yerindeyken Pattern Forge, paletinizi ve yazı ölçeğinizi kullanan Gutenberg desenleri çizer. Monk ücretsiz; Scribe ayda $12. *Call to action: Sitenizi aydınlatın* ## FAQ ### Bu gerçekten bir yapay zeka tema oluşturucusu mu? Hayır, ve bunu baştan söylüyor. Palet, kontrast kontrolleri ve yazı ölçeği sabit kurallardan gelir: HSL içinde renk hesabı, WCAG kontrast formülü ve modüler bir ölçek. Bu, çıktıyı öngörülebilir ve test edilebilir kılar. Döngüde bir dil modeli istiyorsanız Pattern Forge, bir istemden Gutenberg desenleri üretir; bu araç ise bunların altında duran tasarım belirteçlerini kapsar. ### Ücretsiz mi, renklerimi saklıyor mu? Ücretsizdir ve hesap gerektirmez. Her şey tarayıcınızda çalışır. Gönderilen tek veri, aracın kullanıldığını kaydeden anonim bir sayaçtır; formdaki renk değerleri ya da metinler gönderilmez. ### Kontrast oranı nereden geliyor? WCAG 2.x göreli parlaklık formülünden: her sRGB kanalı doğrusallaştırılır, 0.2126, 0.7152 ve 0.0722 ağırlıklarıyla toplanır ve oran (daha açık + 0.05) bölü (daha koyu + 0.05) olarak hesaplanır. Gövde metni için AA eşiği 4.5:1, AAA eşiği 7:1, büyük metin için AA eşiği 3:1'dir. ### Bağlantı rengi neden marka renginden farklı? Marka rengi, açık ya da koyu bir taban üzerinde sık sık 4.5:1 eşiğini geçemez. Üretici marka rengini Birincil olarak, yani butonlar ve dolgular için tutar; seçilen taban üzerinde bağlantı varyantı AA'yı geçene kadar parlaklığını adım adım değiştirir. ### Çıktı hangi WordPress sürümünü hedefliyor? Dosya theme.json sürüm 3 kullanır; bu sürüm WordPress 6.6 (Temmuz 2024) ile geldi. Eski kurulumlar sürüm 2 isteyebilir. Aynı palet ve tipografi yapısına sahip olduğu için yalnızca sayıyı değiştirip geri kalanını koruyabilirsiniz. ### Yazı yığınları web'den bir şey yükler mi? Hayır. İki eşleşme de sistem ve Georgia tarzı yığınları kullanır; bu yüzden font isteği yoktur ve geç yüklenen bir web fontundan doğan düzen kayması olmaz. İleride kendi barındırdığınız değişken bir font kullanırsanız fontFamily değerlerini değiştirin, slug'ları koruyun. ### Sağdan sola (RTL) siteler için çalışıyor mu? Çıktıda sol ya da sağ değerleri yoktur: renkler, yazı boyutları ve aileleri yön bağımsızdır. Arapça ya da İbranice yedek font davranışını ayrıca kontrol edin, çünkü sistem yığınları platforma göre değişir. ### Dosya temamda nereye gider? Bir blok temanın kök dizinine theme.json olarak kaydedin, ardından Site Editor'ü açın. Palet girdileri renk seçicide, boyutlar yazı paneli'nde görünür ve stiller bölümü tüm site için varsayılanları belirler.