WP Tema Yapımı Ders 1 {Giriş}

tema yapmak Ders 1

Merhaba arkadaşlar, bu dersler serisinde sizlere WordPress Temalarının yapılışları hakkında ufak tefek dersler göstereceğim. Bu dersleri takip etme amacınız %100 mükemmel bir tema yapmak olmamalı, kaldı ki WordPress tema yapımında yeni iseniz bu imkansıza yakın birşeydir. Bu dersler serisinde yapacaklarımız bir temanın ana dosyalarını oluşturmak, css dosyası oluşturmak ve temanın işlevsellik kazanmasını sağlamaktır. Artık derslerimize başlayabiliriz. Öncelikle ilk dersimizde neler yapacağımıza bir göz atalım.

1. Ders {Giriş}

1. Ana Kurallar

2. Terminoloji

3. Hiyerarşi

1- Basit Kurallar

Kural 1:

Tagları her zaman için açtığınız sırayla kapatmaya özen gösterin.

Yukarıdaki resimde olduğu gibi, her zaman için taglarınızı açtığınız sırayla kapatın. Her tag < ve > karakterlerinin içerisinde yer alır. Bir tagı açarken <> karakterlerini kullanırız, kapatırken ise </> şeklinde kullanmanız gerekir.  Yukarıdaki resimde ilk kapatılış şekli doğru olandır. Öncelikle bir <ul> tagı açılmış, ardından da bir <li> tagı açılmış. Bu şekilde bir taglar serisi açtıysanız bu tagların kapatılış şekli de bunun simetrisi şeklinde olmalıdır. Yani bu açtığımız tagları </li> </ul> şeklinde kapatmamız gerekir.

Kural 2:

Her tema en az 2 sayfadan oluşmalıdır: style.css ve index.php. Genelde temaların kullandıkları dosyalar şunlardır:

  • style.css
  • index.php
  • home.php
  • single.php
  • page.php
  • archive.php
  • category.php
  • search.php
  • 404.php
  • comments.php
  • comments-popup.php
  • author.php
  • date.php

Biz bu kadar çok sayfa oluşturmayacağız, bizim yapacağımız sayfalar şu şekilde olacak.

  • style.css
  • index.php
  • single.php
  • page.php
  • archive.php
  • category.php
  • search.php
  • comments.php

Bu kadarı bile sizi yormaya yetecektir.

2-Terminoloji

Template(Şablon): Template ya da Türkçesi ile şablon, bir kodlar dizesidir. Bu kodlar dizesi sayesinde bir kere yazdığınız bir kodu bir daha yazmak zorunda kalmazsınız. Bunu şu şekilde düşünebilirsiniz:

html yada php kullanarak bir site yaptınız ancak siteye yeni bir konu yada içerik eklemek istediğinizde bütün sayfaları elinizle düzenliyorsunuz. Bu çok sıkıcı ve bir o kadar da yorucu bir iştir. Bu şekilde ne kendinize bir yararınız olur, ne de bir başkasına. Bu yüzden biz yaptığımız şablonlar sayesinde bazı temel kodlar kullanarak yazmak istediğimiz şeyin genel adını yazıyoruz ve yeni bir yazı eklediğimizde kodlar bunu otomatik olarak algılıyorlar.

Template Dosyası (Şablon Dosyası): Her şablon dosyası birden çok kodlar serisinden oluşur. Her bir dosya ise farklı dosyaların bir araya gelmesinden oluşur. Örneğin index.php bir şablon dosyasıdır ve bu dosya genelde 4 ya da 5 dosyadan oluşur, bu dosyalar şu şekildedir:

  • header.php
  • sidebar.php
  • function.php
  • footer.php

Tema: Tema sizin bir şablonla beraber kullandığınız text belgeleri, imaj dosyaları gibi dosyaların hepsini kapsayan şeydir. Şablon ile tema ayrı şeylerdir. Ancak bazen bunlar karışabiliyor. Tema deyince sizin klasörünüzün içinde bulunan bütün evraklar akla gelmelidir.

Post (Yazı): Post ya da Yazı, sitenize eklediğiniz içerikdir.

Page (Sayfa): Sayfa, sitenize eklediğiniz ve postlarınızdan ayrı tuttuğunuz, kendisine ait bir bölümü olan yazıların bulunduğu yerdir. Örneğin iletişim veya hakkımda içeriğini bir post olarak değil bir page olarak eklersiniz.

3-Hiyerarşi

Temanızı yapmaya başlamadan önce hangi dosyanın hangi sırada olduğunu öğrenmeniz gerekir. Bir hiyerarşi tablosu oluşturursak büyük ihtimalle şu şekilde olacaktır.

Index.php

Single.php     Page.php     Archive.php     Search.php     404.php

Bu hiyerarşi sırasına göre üst sol taraf en önemli sıradayken sağ alt taraf en önemsizidir. Eğer temanızın içerisinde archive.php ( sitenizin içerisindeki içeriği kategorilerine göre ayıran sayfa) sayfanız bulunmuyorsa WordPress bu sayfanın yokluğunu Index.php ile kapatacaktır. Aynı şey singe.php için de geçerlidir. Biz sayfaları oluştururken sadece WordPress’ e neyin nerede olacağını söylüyoruz. Eğer bazı sayfaları yaratmamış isek WordPress bu sayfaları Index.php’yi baz alarak yaratacaktır.

İkinci dersimizde Tema dosyaları ve tema hakkında birşeyler öğreneceğiz, umarım yararlı olmuştur. İkinci derse buradan ulaşabilirsiniz.

Facebook Profile photo

#r00tadmin #Basit Bir kuL #Allah (c.c) Bir kuLu işte bazen bir adem bazen bir aLem !

4 thoughts on “WP Tema Yapımı Ders 1 {Giriş}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir