Bir HTML şablonunu JekCMS temasına dönüştürmenin tam rehberi — şablon hiyerarşisi, parçalar, şablon etiketleri, varlıklar ve karanlık mod desteği.
Baslangic Noktasi: HTML Maket
Her JekCMS temasi statik bir HTML/CSS maket olarak baslar. Sayfalarinizi saf HTML'de tasarlarsiniz, düzeni ve stilini mukemmel hale getirirsiniz, sonra dinamik bir PHP temasina dönüştürursunuz.
Şablon Hiyerarsisi
index.php (anasayfa), single.php (tekil yazi), category.php (kategori arsivi), tag.php, author.php, search.php, 404.php. Artı templates/partials/ icinde header, footer, sidebar, post-card ve pagination.
HTML'den PHP'ye Donusum: Header
HTML head bolumu templates/partials/header.php olur. Dinamik baslik, SEO meta etiketleri, CSS ve analitik scriptleri için şablon etiketleri kullanilir.
Şablon Etiketleri
JekCMS, sabit kodlanmis HTML icerigini degistiren yardimci fonksiyonlar sağlar: get_setting(), get_posts(), get_categories(), get_featured_image(), site_url(), theme_url(), format_date().
Yazi Karti Parcasi
Yazi karti anasayfa, kategori sayfalari, arama sonuçlari ve kenar cubugunda kullanilir. Parca olarak oluşturmak bakim için tek dosya anlamina gelir.
Karanlik Mod Destegi
Tum renkler için CSS özel özellikleri kullanin. Acik modu varsayilan olarak tanimlayin ve karanlık modu [data-theme="dark"] secicisinde tanimlayin.
Temaninizi Test Etme
Bir temayi gondermeden once: Lighthouse denetimi (tum metriklerde 90+ hedef), klavye navigasyon testi, şablon etiketleri doğrulamasi, duyarli tasarim kontrolu ve karanlık mod doğrulamasi yapin.
