Kapat
WordPress Tema Yapısı 3: Index.php
Tema 6 views 0

WordPress Tema Yapısı 3: Index.php

Bu dersimizde tema yapımına başlıyoruz. Tema klasörünü ve başlangıç dosyalarımızı oluşturalım

İlk adımımız tema klasörünü oluşturmak. WordPress klasöründeki wp-content/themes altına klasörümüzü oluşturuyoruz. Klasörümüzün adı tutorial olsun.

wordpress-tema-yapisi-03-01

Notepad veya farklı bir text editör ile index.php ve style.css dosyaları oluşturalım. İçine birşey eklemeden sadece kaydet diyebilirsiniz. Ben text editör olarak Notepad++ kullanıyorum. http://notepad-plus.sourceforge.net/ adresinden indirebilirsiniz.

wordpress-tema-yapisi-03-02

 

wordpress-tema-yapisi-03-03

wordpress-tema-yapisi-03-04

index.txt dosyasını farenizin sağ düğmesi ile farklı kaydet diyerek bilgisayarınıza kaydedebilirsiniz.

DOCTYPE Temada kullandığınız kodların türünü verir.

< html> Web sayfasının başladığını gösterir.

< head> Bazı tanımlama bilgileri verilir. < /head> ile bitirilmelidir.

< ? bloginfo ( ‘stylesheet_url php’);? > php fonksiyonlarını ve style.css dosyasından stilleri çağırmak için kullanabilirsiniz.

Bu fonksiyonlar için < ?php ve ? > kodlarını kullanabilirsiniz. Bu kodlar php ve diğer fonksiyonlar için gerekli kodlardandır. < ?php ile kodlar başlar, ? > ile biter.

  • php – PHP kodu başlangıcı
  • bloginfo ( ‘stylesheet_url’) – Style.css konumundan çağrı
  • ; – Style.css çağrısında durdurmak. Noktalı virgül ile PHP kodları kapanış işaretidir.
  • ? > – PHP sonu

< body> Web sayfasının gövdesidir. Sayfanın görüntüsü içine yazdığınız kodlara göre oluşur. < /body> ile bu bitirilir.

< /html> ile web sayfası sonlandırılır.

style.txt dosyasını farenizin sağ düğmesi ile farklı kaydet diyerek bilgisayarınıza kaydedebilirsiniz.

Yukarıdaki bilgileri kendinize göre düzenleyip style.css dosyasının içine kaydedin.

Şimdi wordpressinizin temalar kısmına girip baktığınızda temamızın başlığı ve bilgileri gözükecektir. Fakat şu anda bir önizleme resmimiz yok.

wordpress-tema-yapisi-03-06

Benim yaptığım örnektekine benzer bir görüntü almanız gerekir.

 

 

Kaynak: http://www.wpdesigner.com/2007/02/22/wp-theme-lesson-3-starting-indexphp/

{bahattin}

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.