WordPress Tema Yapısı 14: Footer (Alt bilgi) ve Indexi Bolmek
10 Kasım 2009 Yazan Bahattin Arıcı
Kategori Tema
index.php dosyanızı kolay anlayabilmeniz ve düzenli tutabilmeniz için birkaç ufak dosyaya bölmek isteyebilirsiniz.
Style.css dosyasını açın.
1. Adım
DIV kodlarında footer etiketi için 10px üstten boşluk (padding) verin. Kodları bu defa vermiyoruz. Artık öğrendiniz sayılır. Kendiniz ekliyebililiyor musunuz bakalım?
2. Adım
Footer altındaki tüm P etiketlerinin satır yüksekliğini 18px yapın. #footer p{}; yardımı verelim.
Bugünlük bu kadar style.css dosyasıyla çalışmak yeter galiba!
3. Adım
Yeni bir dosya oluşturun. Dosyamız header.php adında olsun.
index.php dosyamızda header div etiketinin altına </div> kadar olan tüm satırları bu yeni oluşturduğumuz dosyaya atın.
Benim index.php dosyam burada. Bunu kopyalayıp yapıştırmayın. Kendi dosyanızdaki kodları kullanın.
4. Adım
Şimdi index.php dosyasından sildiğimiz kodlar yerine aşağıdaki kodu yerleştirin.
<?php get_header(); ?>
Bu fonksiyon header.php dosyasını çağırmak için gerekli kodu yazıyor. Bu kod aşağıdaki kodun aynısıdır.
<?php include (TEMPLATEPATH . ‘/header.php’); ?>.
4(5). Adım
Dördüncü adıma biraz daha devam edelim. Şimdi sidebar.php dosyası oluşturun.
Sidebar div etiketi ile başlayan ve biten kısmın tamamını (arasındaki herşeyi) yeni oluşturduğunuz (sidebar.php) dosyasına atın.
Aldığınız sidebar div etiketinin olduğu kısma <?php get_sidebar(); ?>. kodunu yerleştirin.
Dosyalarını kaydedin. Benim sidebar.php dosyam bu.
5. Adım
Aynı işlemleri footer.php için de yapın. Benim footer.php dosyam.
Bugünkü dersler sonunda oluşturduğumuz dosyalarımız. index.php style.css header.php sidebar.php footer.php
Kaynak: http://www.wpdesigner.com/2007/03/15/wp-theme-lesson-14-footer-and-dividing-index/
Yorumlar