Sıfırdan WordPress Teması Geliştirme: Block Theme ve theme.json Tam Rehberi
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
Merhaba,
WordPress 5.9 ile birlikte gelen Full Site Editing (FSE) ve Block Theme sistemi artık olgunlaştı. Klasik tema geliştirmeden block theme'e geçiş yapmak isteyenler için kapsamlı bir rehber hazırladım.
Block Theme Nedir?
Geleneksel PHP şablon dosyaları yerine HTML blok şablonları kullanan yeni nesil tema sistemi. theme.json dosyası ile tüm tasarım tokenlarını merkezi olarak yönetebiliyorsunuz.
theme.json Yapısı
Renkler, tipografi, boşluklar, kenarlık yarıçapları — hepsini theme.json'dan yönetiyorsunuz. Artık CSS yazmadan global stiller tanımlayabiliyorsunuz.
Şablon Hiyerarşisi
templates/ klasöründe index.html, single.html, archive.html gibi dosyalar oluşturuyorsunuz. parts/ klasöründe header.html ve footer.html gibi parçalar var.
Geliştirme Süreci
@wordpress/create-block ile başlayın, wp-env ile yerel geliştirme ortamı kurun. Gutenberg eklentisini aktif ederek en son özelliklere erişin.
Sorularınız varsa yanıtlamaya çalışırım!
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
Block theme konusuna yeni geçtim ve theme.json sistemi gerçekten çok güçlü. Renk paletini, tipografiyi, boşlukları tek dosyadan yönetmek büyük kolaylık. Ama öğrenme eğrisi var, sabırlı olmak lazım.
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
@wordpress/create-block ile başlamak gerçekten en doğru yol. Boilerplate kodu otomatik oluşturuyor, webpack konfigürasyonuyla uğraşmıyorsunuz. Ben bu araçla ilk bloğumu 1 günde yaptım.
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
FSE'nin en büyük avantajı: müşterilere teslim ettiğimde Site Editor üzerinden her şeyi kendileri düzenleyebiliyorlar. Header, footer, sayfa şablonları — hepsi görsel olarak düzenlenebiliyor. Müşteri memnuniyeti arttı.
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
Bir uyarı: bazı eski eklentiler FSE ile uyumlu değil. Özellikle widget tabanlı eklentiler sorun çıkarabiliyor. Geçiş yapmadan önce tüm eklentilerin FSE uyumluluğunu kontrol edin.
MrPoseidon
Konu Sahibi0 gönderi
0 puan
Üye: 2026
theme.json'da fluid typography özelliği var mı diye merak ediyordum — evet var! clamp() fonksiyonuyla responsive font boyutları tanımlayabiliyorsunuz. CSS yazmadan viewport'a göre ölçeklenen yazı boyutları harika.
Bu Konuyla İlgili Diğer Tartışmalar
WordPress REST API ile Headless Site Geliştirme: Adım Adım Tam Rehber
WordPress REST API ile mobil uygulama geliştirme
WordPress teması sıfırdan nasıl yapılır? Başlangıç rehberi
WordPress Sitenizi Hackerlardan Korumak İçin 2024 Güvenlik Rehberi
WordPress 6.5 Tam Rehberi: Yeni Özellikler, Gutenberg Blokları ve Performans İyileştirmeleri
WordPress güvenliği: Sitenizi hackerlardan korumak için 10 adım
"Sıfırdan WordPress Teması Geliştirme: Bl..." başlığıyla ilgili konular otomatik listelendi.