Şablon ve Dizin Yapısı

WordPress tema şablon dizin yapısı

En asgari düzeyde WordPress teması sadece index.php ve style.css dosyasına ihtiyaç duyuyor (eğer çocuk tema/child tema ise sadece style.css yeterli oluyor). Fakat genelde kullanıcıların çoğunluğu bundan fazlasına ihtiyaç duyuyor.

Yerel sunucuda (localhost) wordpress kurmuşdunuz (kurmadıysanız kurun) wp-content/themes klasöründe tema klasörünü oluşturun ve temanızın ismini koyun, ben mirsaro olarak koyuyorum (_s based theme indirirken sizin adınıza,  temaya verdiğiniz isme göre oluşturuyor).

Oluşturduğumuz tema klasörüne aşağıdaki dosyaların boşunu oluşturalım:

  • inc (klasör)
  • js (klasör)
  • languages (klasör)
  • layouts (klasör)
  • 404.php
  • archive.php
  • comments.php
  • content.php
  • content-aside.php
  • content-page.php
  • content-single.php
  • footer.php
  • functions.php
  • header.php
  • index.php
  • no-results.php
  • page.php
  • search.php
  • searchform.php
  • sidebar.php
  • single.php
  • license.txt
  • rtl.css
  • style.css

Şimdi son oluşturduğumuz style.css dosyasını metin editöründe açalım. Birinci olarak dosyanın başına CSS yorumları denen slaşlar arasında kalan bir bölüm ekliyoruz (örnek: /* ve */). WordPress’e tema ile ilgili bilgileri burdan bildiriyoruz. Bu bilgiler olmadan tema panelinde temanız gözükmez.

Ben tema ismi olarak mirsaro ismini seçtim. İstediğiniz ismi seçmekte serbestsiniz. Tema yazarının ismini (ve isterseniz soy isminizi,şirket adınızı vesair de ekleyebilirsiniz),tema adresini, site adresini, tema tanımını, etiketleri , lisans dosyası adresini, etiketleri ekliyorsunuz.

Şimdi yukarda bahsi geçen elemanları inceleyelim:

  • Theme Name : Açıkça anlaşılacağı gibi temanızın adı
  • Theme URL : Temanızın web üzerinde anasayfası. Bir bakıma tema tanıtım sayfanız. Bu siteniz bir bölümüde olabilir.
  • Author: Adınızı yazıyorsunuz elbette. Bu şirketinizin, ajansınızın adı da olabilir.
  • Author URI: Websitenize bağlantı
  • Description (Tanım): Kısa ve açık şekilde temanızı tanıtın. Temanızın amacını, özelliklerini birkaç cümle ile açıklayın. Bu açıklama wordpress’ te kullanıcı panelinde temayı görüntülerken gözükecek tanımdır. Yine temanız wordpress.org sitesinde ücretsiz temalara koyarsanız bu tanım orada gözükecektir.
  • Version : Temanızın versiyon numarasıdır. Bunu nasıl başlatacağınız size kalmıştır. Genelde versiyonlar 1.0 diye başlar. Her güncellemede bu rakamı özenle değiştirmelisiniz.
  • License: Temanızın lisansı. Eğer temayı dağıtacaksanız WordPress’in kullandığı GPL(General Public Lİcense) lisansı kullanması gereklidir. Lisans falan deyince gözünüz korkmasın ilerde bu konudan bahsetmeye çalışacağım.
  • License URI : Lisans metninin bulunduğu metin dosyasına bağlantı adresidir. Tema klasörümüze license.txt dosyası ekliyoruz, bunun detayları ilerki yazılarda yer alacak.
  • Tags : Etiketler temanızın özellikleri, renkleri ve konusundan bahseden kelimelere deniyor. Eğer temanızı dağıtmak gibi bir fikriniz varsa gereklidir. Bu etiketler kullanıcılar renk, özellik gibi filtrelemelerle  Wordpess.org’ta ve wordpress kullanıcı panelleri aracılığı ile tema ararken temanıza ulaşmalarını sağlar.

HTML YAPINIZDA YAPIM İŞİ

Sunucu dosyanın PHP tarafından işlenmesi gerektiğini bilir çünkü dosyaya “.php” uzantısını tanımladınız. Sunucu bu uzantıya sahip dosyaları PHP’ye aktaracak biçimde yapılandırılmıştır. Bunu size birtakım özel etiketlerle birçok ilginç işlem yapmanızı sağlayan bir tür HTML dosyası olarak düşünebilirsiniz.

 

Şimdi bir önceki dersteki gördüğümüz HTML yapımızı kullanacağız. Şimdi ilk iş olarak Worpress ve şablonlar hakkında mini bir ders geçelim.

WordPress gerçekte sadece bir şablon dosyasına ihtiyaç duyuyor o da index.php dosyası. Belirli durumlarda index.php yerine biz bir seri şablon sayfaları kullanacağız (tekli yazı, arşiv sayfası vb.), fakat en başta bizim bütün ihtiyacımız index.php dosyasıdır.

Hali hazırda index.php ve onun ilintili olduğu tüm kız kardeşleri ve erkek kardeşleri bizim tarayıcılarda gördüğümüz web sayfalarını yapıyorlar. Bu dosyaların bazısı HTML bazı PHP HTML çıktısı olarak web sayfalarını hayata geçiriyorlar.

Web sayfalarını kompozisyon gibi düşünürsek bir başlangıç, orta kısım ve sonuç kısmı vardır. Sitelerin orta kısmını her zaman yeniden yapabiliriz fakat başı ile sonunu bir kez yapacağız.

Aşağıdaki örnekler _s theme dosyalarında hemen hemen aynısı var. Dosyaları inceleyerek fikir sahibi olabilirsiniz. Az bir değişiklilik var onları da deneyerek ne için olduklarını anlayabilirsiniz.

Header.php ve footer.php

footer kısmında;

  Sidebar.php

Sidebar.php de olan html kodu aşağıdaki gibidir.

 index.php

index.php dosyasında olan html kodu;

ilaveten sayfanın en başında

kodu vardır. En altta ise olan

kodlarıdır. Kodlara göz gezdirerek bir fikir edinmeye çalışıyoruz. Zamanla yerine oturacaktır herşey.

Yukardaki kodlar önceden söylediğimiz gibi _s theme’de hemen hemen aynısı var. Bunları inceleyerek neyin ne olduğu hakkında bir fikrimiz oluşmuş oldu.