Yeniden Sizlerleyiz!

10.Yıl

  • Bahattin Arıcı
  • 3 views
  • Ekim 26, 2009
  • 0
  • 2

WordPress Tema Yapısı 4: Header dosyası

Önceki derste index ve style dosyalarını oluşturmuştuk. Bu bölümde header dosyamız üzerinde işlemler yapıyoruz.Önceki dersteki oluşturulan dosyaları tekrar verelim. index.txt ve  style.txt dosyalarımız. Farenizin sağ düğmesi ve Farklı kaydet menülerinden bilgisayarınıza kaydedebilirsiniz.

[cc lang=’php’ ]

<?php bloginfo(’name’); ?>

[/cc]

index.php dosyasını açın. Yukarıdaki kodu <body> ve </body> arasına yerleştirip kaydedin.

wordpress-tema-yapisi-04-01

Sayfanızı açıp yenileyin. Artık boş sayfanız değil bloğunuzun başlığını göreceksiniz.

wordpress-tema-yapisi-04-02

Bizim başlığımız Demo Theme Development.

Burdaki fonksiyonumuz bloginfo(’name’) dur. Bu bloğumuzun adını veren fonksiyon <?php kodu php kodlarını çalıştırıyor. ; ve ?> ise php kodlarını bitiriyor.

Bloğumuzun ismini yazdıktan sonra sıra bu etikete link vermeye geldi. <a href=”#”> link vermek için kullanıyoruz. # işaretine bloğumuzun adresi gelecek. Kullanım şeklimiz <a href=”#”><?php bloginfo(’name’); ?></a> şeklinde olmalı. Sayfayı kaydedip wordpressimizi yenilediğimizde artık blog başlığımız link işaretli olacak gelecektir. Fakat adres vermediğimiz için tıklattığımızda herhangi bir işlem olmayacaktır.

Bloğumuzun linkini veren fonksiyon ise <?php bloginfo(’url’); ?> dur. Bunu # yerine kullanmalıyız. 

<a href=”<?php bloginfo(’url’); ?>”><?php bloginfo(’name’); ?></a>

Son hali bu şekilde olacak. İlk kısımda link veriyoruz. İkinci kısımda blog ismini giriyoruz.

wordpress-tema-yapisi-04-03

Burda link vermek için <a href=”#”> kullandık. </a> ile kapatmayı unutmuyoruz.

 

 

Kaynak : http://www.wpdesigner.com/2007/02/23/wp-theme-lesson-4-header-template/

  • Ekim 26, 2009 tarihinde yazıldı.
  • 0 yorum yapıldı.
  • 2

Yazar: Bahattin Arıcı


Tüm Yazılarına Git

Yazı hakkında görüşlerinizi belirtmek istermisiniz?