Tema Ne Demek, Sitenin Görünümünü Ne Belirliyor?

Haberci

SEO UZMANI
Yönetici
Katılım
21 May 2023
Mesajlar
752
Tepki
17
Puan
18
1029




Yeni bir tema kurup sitenin bambaşka göründüğünü fark ettiğinizde akla ilk gelen soru şu oluyor: yazılarım nereye gitti? Hiçbir yere gitmiyor. Değişen, o yazıların ekrana hangi düzenle çizileceği.

Aşağıda temanın hangi katmanı devraldığını, bir temanın hangi dosyalardan oluştuğunu, eklentiden nasıl ayrıldığını ve tema değiştirirken hangi işlevin kaybolmaması gerektiğini resmî geliştirici belgelerine bakarak topluyoruz.

Tema hangi katmanı devralıyor?​


Kavramın kökeni tek bir uygulamadan eski. Web belgelerinde yapı ile sunumu ayırma fikri stil sayfalarıyla kurulmuştu.

W3C'nin CSS 2.2 tanıtımı harici stil sayfasını neden önerdiğini yazıyor: azami esneklik için yazarların harici stil sayfası kullanması tavsiye ediliyor, çünkü bunlar kaynak HTML belgesi değiştirilmeden değiştirilebiliyor ve birden çok belge arasında paylaşılabiliyor.

Tema tam olarak bu fikrin içerik yönetim sistemindeki karşılığı: içeriğe dokunmadan değiştirilebilen ve bütün sayfalarca paylaşılan bir sunum katmanı.

  • Ne değişiyor: Sayfanın düzeni, tipografisi, renkleri.
  • Ne değişmiyor: Veritabanındaki yazılar, sayfalar, medya.
  • Neden ayrı: Sunum değişse de içerik yerinde kalsın diye.

Bir tema nelerden oluşuyor?​


WordPress tema el kitabı temaları sade bir cümleyle tarif ediyor: temalar, HTML, CSS ve PHP gibi farklı web teknolojilerine dayanan çeşitli dosyaların bir derlemesinden başka bir şey değil.

Blok temalar için zorunlu dosya sayısı ikiye inmiş durumda. Birincisi style.css: temanın adı ve açıklaması gibi tema verilerini yapılandırmak için gerekli, aynı zamanda özel CSS eklemek için de kullanılabiliyor.

İkincisi templates/index.html: varsayılan ya da geri düşüş şablonu. Belgeye göre WordPress'in bir temayı blok teması sayması için bu dosya gerekiyor.

Geri kalanı isteğe bağlı. Belge bunlardan bazılarını sayıyor: temanın yönetim ekranında görünen 1200×900 boyutundaki screenshot.png, tema başlatıldıktan sonra otomatik yüklenen functions.php ve site ayarları ile stillerini arayüzle bütünleşik biçimde yapılandıran theme.json.

Klasörler ne işe yarıyor?​


Belge birkaç klasörü belirli işlevlere ayırmış. Şablon parçaları parts klasöründe duruyor; bunlar üst düzey şablonların içine eklenen daha küçük bölümler ve çoğu zaman üst bilgi, alt bilgi ve kenar çubuğu gibi parçalar oluyor.

Desenler patterns klasöründe tutuluyor: kullanıcıların düzenleyici arayüzünden ekleyebildiği, bir ya da daha çok bloktan oluşan yeniden kullanılabilir kalıplar.

Stil çeşitlemeleri styles klasöründe ayrı JSON dosyaları olarak duruyor. Şablonlar ise templates klasöründe ve belgenin ifadesiyle ön yüzün genel belge yapısını temsil ediyor; ziyaretçinin gördüğü şey bunlar.

Püf nokta' Alıntı:
Tema klasörünü açtığınızda gördüğünüz dosyalardan yalnız ikisi zorunlu; kalanı temanın kendi tercihleri.

Tema mı eklenti mi?​


El kitabının en pratik ayrımı burada. Kural iki cümle: temalar içeriğin sunumunu denetler, eklentiler sitenizin davranışlarını ve özelliklerini denetler.

Devamı bir uyarı: yazdığınız hiçbir tema site açısından kritik işlevsellik eklememeli. Eklerse kullanıcı temayı değiştirdiğinde o işlevselliğe erişimini kaybediyor.

Belgenin verdiği örnek net: portföy özelliğini temaya koyarsanız, portföyünü o özellikle kuran kullanıcılar tema değiştirdiğinde portföyünü kaybediyor. Kritik özellikleri eklentilere bırakmak, tasarımı değiştirirken özelliklerin yerinde kalmasını sağlıyor.

Mağaza işlevinin neden ayrı bir eklentiyle geldiğini WooCommerce yazımızda görmüştünüz; bu ayrımın doğrudan sonucu.

Tema türleri​


El kitabının tema nedir bölümü üç tür sayıyor. Blok temalar modern yöntem: tamamen bloklardan kuruluyor, blok işaretlemesi içeren HTML tabanlı şablonlara dayanıyor ve kullanıcılar bunları Site Düzenleyici'de düzenleyebiliyor.

Klasik temalar, WordPress 1.5 ile 2005'te tanıtılan PHP tabanlı şablon sistemini kullanıyor ve bugün de destekleniyor. Belgeye göre uyulacak standart sayısı daha az, ancak süreç en azından asgari düzeyde PHP, HTML ve CSS bilgisi gerektiriyor.

Hibrit temalar ise küresel ayarlar ve stiller gibi bazı blok özelliklerini benimsemiş klasik temalar. Belge bunun resmî bir tür olmadığını, sonuçta hâlâ klasik tema sayıldıklarını söylüyor.

Belge bir temada karşılaşabileceğiniz dosya türlerini de sayıyor: blok temalarda .html, klasik temalarda .php uzantılı şablonlar, CSS stil dosyaları, JavaScript, PHP, görsel ve ses gibi medya dosyaları ve JSON. Listenin kendisi de tamamlanmış sayılmıyor.

Tema seçerken bakılacak yer de buradan çıkıyor: dosya sayısı değil, temanın hangi işlevleri kendi üstüne aldığı. Sunum dışına taşan her özellik, tema değiştiğinde geride kalmayacak demektir.

Sistemin bütününde temanın nereye oturduğunu CMS yazımızda, düzen kurarken kullanılan CSS araçlarını ise CSS Grid ve Flexbox karşılaştırmamızda anlatmıştık.

Sık Sorulan Sorular​


Tema ne demek?
İçeriğin sunumunu belirleyen dosya derlemesi; içerik veritabanında kalırken tema onun nasıl görüneceğini belirliyor.

Blok temada hangi dosyalar zorunlu?
İkisi: tema verilerini taşıyan style.css ve varsayılan şablon olan templates/index.html.

theme.json ne yapıyor?
Sitenin ayarlarını ve stillerini kullanıcı arayüzüyle bütünleşik biçimde yapılandırıyor.

Tema ile eklenti farkı ne?
Tema sunumu, eklenti davranış ve özellikleri denetliyor; kritik işlevler eklentide durmalı.

Tema değişince yazılar silinir mi?
Hayır. Silinme riski, işlevin temaya gömülmesi durumunda o işlevin kaybolmasıyla ilgili.

Özetle​


Tema, sitenin sunum katmanı. Blok temada iki dosya zorunlu, gerisi temanın tercihi; klasörler ise şablon parçaları, desenler, stil çeşitlemeleri ve şablonlar için ayrılmış durumda. En kritik kural sınırla ilgili: sunum temada, işlev eklentide kalmalı ki tasarım değiştiğinde site özelliklerini kaybetmesin.

Şu an kullandığınız temayı devre dışı bıraksanız, kaybedeceğiniz bir işlev var mı?

Güncelleme: 4 Eylül 2026. WordPress Theme Handbook (tema yapısı, tema nedir) ve W3C CSS 2.2 tanıtım bölümü kontrol edildi.



Dijital Dünyanıza Yön Veren Pusula
 

Ekli dosyalar

  • banner_04.jpg
    banner_04.jpg
    5.9 KB · Görüntüleme: 1
Geri
Üst